5,678 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
Plugin Claude Code
Bundles 1 skill, 5 commands, 1 agent · 304 tokens together
Build 100+ page local service business websites with Astro 5, Tailwind CSS v4, and Cloudflare Pages. Generates programmatic SEO sites from business data with working contact forms.
Cursor rule Cursor
UI/UX standards for Akashi webviews (sidebar + panels).
chihebnabil/page-design-guide-mcp
MCP server Claude CodeCodexCursor +2
MCP server providing modern web design guidance, color psychology, typography, layout patterns, and UI best practices for AI assistants. Runs locally from the page-design-guide-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server for installing and composing shadcn space UI components. Runs locally from the shadcnspace-mcp npm package.
alfianyusufabdullah/figma-proxy-mcp
Skill Claude CodeCodex
Slice a Figma frame into production-ready HTML/CSS with ≥90% visual fidelity via the figma-proxy-mcp tools.
MCP server Claude CodeCodexCursor +2
Advanced MCP server for CSS/JS feature compatibility checking with configurable browser targets, polyfill support, and smart project scanning. Runs locally from the caniuse-mcp-server npm package.
Plugin Claude Code
Bundles 7 skills · 287 tokens together
32 production-ready templates as Claude Code skills. Landing pages, dashboards, UI components, project setup, dev methodology, refactoring checklists. Type /templateclaw to scaffold any project.
Skill Claude Code
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
Agent Claude Code
Builds dependency-free vanilla HTML/CSS/JS webfont test pages inside web-tests/ — no frameworks, no build step. Based on the detected font characteristics it first asks the user which tests they want (variable-axis sliders, font-size slider, OpenType feature toggles, kerning on/off, script/language switching…
ClawEnable/html-artifact-best-practices
Plugin Claude Code
Bundles 1 skill · 62 tokens together
Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.
Skill Claude CodeCodex
Best-practice guide for authoring a Muxy extension — how it should look and behave so it reads as a native part of the app. Covers theming (follow the theme, never hardcode colors), the sizing scale, and which surface to use. Mechanics (manifest fields, permissions, the window.muxy API) live in the linked docs.
Skill Claude CodeCodex
A user-experience review for changed front-end pages and components. User experience means how clear, usable, and responsive an interface feels.
Skill Claude CodeCodex
Accessible forms on @aziontech/webkit — one Form Layout spacing reference (xs inside a field, lg between fields/rows) shared by five form types (Drawer, nested Drawer, Dialog, ItemGroup settings, CardBox with independent saves) that differ only in container + save model, with two internal layouts (Cards + ItemGroups /…
Skill Claude CodeCodex needs its repo
Write, configure, migrate, and review modern Tailwind CSS v4 (CSS-first) in any stack or none — framework-agnostic, examples are plain HTML + CSS/SCSS. Use whenever setting up Tailwind, doing a v3->v4 migration (@tailwind->@import, JS config->@theme), defining a reusable design-token / color system + dark mode via…
Skill Claude CodeCodex
TidyFactor Cinematic track — builds single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) as one index.html with CDN-only libraries (GSAP, Lenis, Tailwind), no build step, no framework. The product "film" is a JPG frame-sequence drawn on canvas and scrubbed by scroll, not a scrubbed video…
Skill Claude Code
Scaffold a shared UI component package inside an existing Bun/Turborepo monorepo. Base UI primitives, CVA variants, Tailwind v4 theming, Central Icons, auto-export script. Run /dlc-scaffold-monorepo first.
andronics/claude-plugin-css-pro
Plugin Claude Code
Bundles 8 skills, 10 commands, 7 agents · 772 tokens together
Comprehensive CSS development toolkit with specialist agents, interactive skills, and powerful commands for modern CSS development.
trin-zenityx/21st-dev-builder-v2
Skill Claude CodeCodex
Build websites and web apps using 21st.dev — the largest marketplace of shadcn/ui-based React Tailwind components with 1400+ components. Use when user mentions "21st.dev", "21st", "ใช้ 21st", "จาก 21st", "build with 21st", "21st component", "21st magic MCP", or references the 21st.dev component registry in any…
Plugin Claude Code
Bundles 8 skills, 1 agent · 564 tokens together
Claude Code plugin for Sitecore, Umbraco, and Optimizely CMS development — scaffolding, content modeling, accessibility scanning, security audits, best practices, and code generation.
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
SebastianLuser/claude-code-arcane
Skill Claude Code
Frontend development: premium UI design, cinematic animations (Framer Motion, GSAP), generative art (Three.js, p5.js), copywriting AIDA, React/Next.js + Tailwind.
Skill Claude CodeCodex
Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or…
Skill Claude CodeCodex
Use for ALL accessibility work — WCAG 2.2 audits of URLs or HTML, real rendered contrast checks (including text over images, pixel-level), color-pair contrast and nearest passing color, European Accessibility Act / RD 1112/2018 accessibility statements, pre-deploy regression detection (accessible names, tab order)…
Plugin Claude Code
Bundles 1 skill · 140 tokens together
Research-first workflow for building modern, accessible frontend UI components in the spirit of Wes Bos. Researches pitfalls and platform capabilities before planning, designs for WCAG accessibility with modern web standards, then verifies the approach against Wes Bos on X plus trusted sources (MDN, web.dev…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: