6,501 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.
Skill Claude CodeCodex
A production-grade developer design-system skill for AI coding assistants. Use it to enforce strict layout constraints, typography locks, accessibility compliance, and anti-slop visual rules across generated frontends.
Skill Claude CodeCodex
Author type-safe inline CSS in F# with the Fun.Css computation-expression builder. Use when writing, generating, or refactoring Fun.Css style blocks (style { ... }), choosing operation names from CSS property knowledge, composing or conditionally building styles, extending the builder, or wiring design tokens / CSS…
alexiseverage/aesthetic-frontend-skills
Skill Claude CodeCodex
Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural marker lists, component-level notes, and accessibility flags. Translates aesthetic understanding into implementable values across all 7 dimensions. Use when the…
Skill Claude CodeCodex
Apply the backstay.rules SCSS architecture with layered styles, component-oriented structure, and project naming conventions. Use when creating, refactoring, or reviewing SCSS structure, files, class names, variables, mixins, modifiers, and import order.
JZCreative/svg-bubbling-strategy-SVG
Skill Claude CodeCodex
A skill for designing interactive groups in plain SVG without using IDs. SVG is a text-based format for scalable graphics such as icons, diagrams, and illustrations.
taekchef/AionUI-CSS-Theme-Generator
Skill Claude CodeCodex
A skill for generating custom CSS themes for AionUI from a described visual style, such as cyberpunk, natural, or gothic.
Skill Claude CodeCodex
Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.
Skill Claude CodeCodex
Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…
Skill Claude CodeCodex
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG…
Skill Claude CodeCodex
Select coherent open-source frontend UI resources before implementation. Use when Codex, Claude Code, Cursor, Windsurf, Gemini CLI, or another coding agent needs to build or redesign frontend UI, choose component libraries, select dashboard or landing page blocks, plan AI chat UI, editor or canvas workspaces, mobile…
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json…
Cursor rule Cursor
Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.
Instructions file GitHub Copilot
Instructions for Tai-DT/mcp-tailwind-gemini, covering mcp tailwind gemini server development, project overview, development guidelines, code style and mcp server architecture.
AkyRayy/Frontend-Design-SKILLS-for-AI
Skill Claude CodeCodex
Design-quality skill for AI agents building websites, landing pages, and web app UI. Use whenever creating or restyling any web interface that must read as designed by a senior designer, not generated. Covers aesthetics and sub-styles (Linear, Stripe, Vercel, editorial, Swiss, brutalist), typography, color tokens…
iart-ai/kinetic-typography-skills
Plugin Claude Code
Bundles 1 skill · 95 tokens together
Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.
Instructions file GitHub Copilot
Copilot instructions for farsi-ui/ui, covering copilot instructions for farsi ui, project overview, architecture & project structure, core directories and design token system.
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces aligned with BOS design principles. Generates polished code with intentional aesthetics that feel designed, not auto-generated.
Skill Claude CodeCodex
A skill for creating presentation decks as single HTML files that work as horizontal, swipeable web pages. It includes reusable visual layouts such as chapter screens, large-number data slides, and image grids.
Skill Claude CodeCodex
Frontend design skill fused from Impeccable + custom extensions. Covers design philosophy, anti-AI-slop patterns, typography, color (OKLCH), spatial design, motion, interaction, responsive, UX writing, state management, engineering, and 4 style variants. Includes 20 command skills for audit/critique/polish/animate/etc.
Agent Claude Code
Senior product-designer + frontend-engineer UI/UX audit agent. Use when the user wants a deep UX review, design critique, screen-by-screen sweep, motion/animation spec, accessibility check, or a prioritized "what to fix" list for the renderer. Produces docs/UXAUDIT.md. Read-only — never modifies code.
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.
Skill Claude CodeCodex
Build polished front-end UI together with a signature motion effect in a single self-contained HTML file, combining SVG.js / SVG filters and the Canvas 2D API. Use when the user asks to build a web page, landing page, dashboard, or component that has a special visual effect, animation, particle system, fluid/water…
Skill Claude CodeCodex
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.
Skill Claude CodeCodex
Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…
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: