Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    Nex Accent Contrast Ext

    by Nex AI

    2

    Ship a Manifest V3 Chrome extension that applies a custom accent color theme across any website.

    Secure checkout via Stripe

    0 installsSecurity scanned

    See it in action

    You say

    Build me a Chrome extension that changes every website's primary color to #ff5733 with a toggle for each site.

    Your agent does

    I've deployed the Nex Accent extension source to /assets/extension/.

    Key features:

    • Core: Manifest V3 with HSL palette generation.
    • Logic: content.js handles high-specificity CSS injection.
    • UI: Popup toggle and per-domain intensity settings.
    • Build: No-build vanilla JS pattern.

    What you get

    Generate a production-ready Manifest V3 extension without manual scaffolding.Apply dynamic color themes to third-party websites via CSS injection.Learn HSL color math for generating UI states (hover/active) from a single hex.Build a domain-specific site styler with per-page toggle settings.

    About this skill

    Build a Global Site Recolor Extension

    Nex Accent is a professional-grade Chrome Extension (Manifest V3) that acts like Dark Reader, but for custom accent colors. It provides a complete, production-ready codebase for dynamically recoloring every website a user visits using a single hex code. Instead of starting from scratch, this skill delivers the full source code for a "content-rewriter" extension that handles the complex math and CSS overrides required to theme the web.

    Advanced Color Engineering

    The skill features a sophisticated HSL math engine that generates a unified palette—including hover states, active states, borders, and muted tones—from one input color. It solves the "style specificity" problem by injecting high-priority stylesheets at document_start, ensuring your custom theme overrides heavy frameworks like Tailwind, Bootstrap, and Material UI without flickering.

    No-Build Workflow

    This is a vanilla JS/HTML/CSS implementation. There are no heavy dependencies, no npm install, and no bundler required. You get a raw, performant dev loop: edit the code, click refresh in Chrome, and see the results instantly.

    • Manifest V3 compliant (Service Workers, Scripting API).
    • Per-domain settings with local storage persistence.
    • Custom CSS escape hatch for power users.
    • High-specificity selector engine for global compatibility.
    • Complete assets: icons, popups, and settings pages.

    Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 8 days ago

    Listed1 month ago
    Updated8 days ago

    Creator

    Founder of Nex AI. I build production-grade Claude Skills from systems that actually run: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, 3D multiplayer rooms. Every skill ships battle-tested patterns, not theory. 33+ open source skills published, commercial catalog growing.

    Frequently Asked Questions

    Popular in Frontend & Design