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.

    $5

    · or 25 credits

    30-day refund guarantee

    Secure checkout via Stripe

    0 installsNo reviews yet

    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.

    frontend
    chrome-extension
    javascript
    manifest-v3
    frontend-tooling
    css-injection

    Details

    How to install

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

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell

    Allowed Hosts

    nex-ai.be

    File Scopes

    nex-accent-contrast-ext/**

    Creator

    Nex AI

    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

    Browse More Skills

    frontend-motion-wizard

    frontend-motion-wizard

    Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases

    Free
    495.0(2)
    Cinematic Landing Page Builder

    Cinematic Landing Page Builder

    Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.

    $19
    165.0(1)
    Award Winning Design: Turn Claude Into a World Class Designer

    Award Winning Design: Turn Claude Into a World Class Designer

    v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.

    $7.99
    144.5(2)

    cinematic-sites

    Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.

    $12
    105.0(1)