5,686 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
Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements. Use when asked to create, port, debug, or explain PolyCSS code in vanilla JavaScript, React, or Vue.
Skill Claude CodeCodex
Taste Skill, subtitled "the anti-slop frontend framework for AI agents," adjusts layout, typography, motion, and spacing in AI-generated interfaces. The skills cover different registers, including a minimalist editorial style and an industrial brutalist style, and several generate reference images before any code is…
Skill Claude CodeCodex
A skill for making interface mockups and turning generated interface screenshots into HTML/CSS or WeChat Mini Program WXML/WXSS. It can use image-generation providers for visual work.
JCarterJohnson/vibecoded-design-tells
Skill Claude CodeCodex
Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default shadcn/Tailwind, AI-purple gradients, gradient heading text, unprompted neon glow, emoji-as-icons, the…
Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI
Agent Claude Code
Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
spinspire/pocketbase-sveltekit-starter
Skill Claude CodeCodex
Our preferred CSS framework — ultra-lightweight, semantic HTML UI library (8KB). Style web UIs with semantic HTML and minimal classes. Override with app-level SCSS only when necessary.
pretend1111/claude-desktop-app
Skill Claude CodeCodex
Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.
Skill Claude CodeCodex needs its repo
Build a web animation: whether it should animate at all, the purpose, the tool, the properties, the easing curve, the duration, interruption and exit. Writes the CSS or Motion code for dropdowns, modals, toasts, tooltips, accordions, press feedback, stagger and scroll reveals. Use to animate something or make a…
Cursor rule Cursor
A set of instructions for designing and building polished React user interfaces, including layouts, styling, animation, and interaction behavior. React is a JavaScript library for building interfaces from reusable components.
Cursor rule Cursor
CSS architecture, tokens, and styling rules for this Docusaurus site. Apply when creating or modifying components, styles, layouts, or any UI-facing code.
Cursor rule Cursor
This file documents the actual design conventions in the codebase, not aspirations. The two structural rules ("no inline CSS/JS in templates", "shared assets under front/static/") live in 05-code-style-and-structure.mdc § Frontend (HTML/CSS/JS). This file covers visual language, components, naming and asset wiring.
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Skill Claude CodeCodex
Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems. Use when the user asks for UI in the style of a named reference such as Stripe, Vercel, Apple, Linear, Airbnb, Spotify, Notion, Figma, or similar; asks to match a reference design; or wants the…
Skill Claude Code
A workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles.
Skill Claude Code
How an EDDI Manager page is actually built — the app shell, the list-page pattern, detail pages, the config-editor chrome, wizards, and loading/empty/error states. Load before creating or restructuring a page.
Skill Codex
Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use in any supported agent or IDE when generating, reviewing, or refactoring UI that feels generic…
Skill Claude CodeCodex
Use before writing or editing code that uses @charcoal-ui with Tailwind, and whenever such a project's charcoal setup is unverified or incomplete. The v2 token route still needs the theme CSS and the .ch-token-v2 opt-in, which the preset does not supply.
Skill Claude CodeCodex
Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.
Plugin Claude Code
Bundles 1 skill, 3 commands, 1 hook · 35 tokens together
Skills for mjswan: build, port and ship MuJoCo scenes as browser apps.
Cursor rule Cursor
Rebuilding a motion design video as SVG + GSAP code (replay, compare, loop, real site).
Cursor rule Cursor
Uni-App X implements a subset of Web CSS on the App platform.
Skill Claude CodeCodex
Concrete UI visual rule set for generating and reviewing restrained neutral interfaces. Use for tasks that need exact style constraints: plain sans-serif typography, pale neutral canvases, rounded surfaces, soft shadows, minimal borders, low-saturation color, sparse density, content-neutral placeholders, and…
Skill Claude CodeCodex
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of…
Skill Claude CodeCodex
OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.
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: