5,236 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
The ultimate frontend design and development skill. Creates production-ready, pixel-perfect web interfaces with Next.js + Tailwind + shadcn/ui. Combines design thinking, UX best practices, accessibility, animation, and real design system patterns inspired by the best sites on the web. Invoked explicitly via…
Skill Claude CodeCodex
A user-interface design guide for reviewing and improving screens, styles, layouts, colours, animations, icons, and design-system rules.
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…
MCP server Claude CodeCodexCursor +2
GSAP MCP server - Complete GSAP animation API reference via Model Context Protocol. Runs locally from the @vinhnguyen/gsap-mcp npm package.
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 6 skills · 435 tokens together
6 skills, 108 palettes, 53 styles, 14 layouts, a 29-rule detector, and one house motion language. The opposite of generic AI slop.
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.
Skill Claude CodeCodex
Automated spacing & grid QA for web UIs, inside the agent loop. Use for "design QA", "check spacing", "fix my grid/spacing", "audit UI", "design review", "show me the spacing issues", "generate a design report", "give me an audit report", and automatically after you generate or modify frontend UI. Renders the running…
MCP server Claude CodeCodexCursor +2
Extract colors from stylesheets and code, with their notation and position. Runs locally from the colors-le-mcp 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.
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…
Skill Claude CodeCodex
A workflow for creating frontend user-interface visuals with AI, from visual reference and real materials to generated code, browser screenshots, and visual comparison. It focuses on layouts, typography, exact text, interface states, and avoiding invented content.
lexs32/ultimate-design-engineer
Skill Claude CodeCodex
The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…
Plugin Claude Code
Bundles 3 skills · 292 tokens together
Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).
Skill Claude CodeCodex
Frontend design and production engineering orchestrator that inventories projects, scales design depth, presents review artifacts, locks executable contracts, implements accessible responsive interfaces, and verifies interactions, visual regressions, and performance. Use when the user invokes design-guide…
yasirshabbirservices/Bricks-Builder-MCP
Skill Claude Code
Use when developing for Bricks Builder (WordPress): custom elements, controls, query loops, dynamic data tags, templates/element trees, Style Manager (global variables, color palettes, theme styles, breakpoints), custom fonts, global classes, interactions, popups, query filters, or debugging Bricks rendering/CSS…
sergekostenchuk/mouse-trail-masking-reveal
Skill Codex
Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal compositing, soft radial cursor masks, fading cursor trails, reveal debug controls, full-screen hero scenes without site text, or browser smoke checks for cursor…
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…
Skill Claude CodeCodex
Use when building or styling any web UI — landing pages, hero sections, dashboards, components, marketing sites — or when the user asks for beautiful, animated, or polished design, UI animations, animated backgrounds, gradients, icons, smooth scrolling, or design inspiration. Also use before reaching for the web to…
Plugin Claude Code
Bundles 7 skills · 966 tokens together
Generative animation for Claude Code — flow fields, physarum, strange attractors, boids, reaction-diffusion, domain warping; GPU/WebGL2 GPGPU and raymarched SDFs; density-to-tone mapping, post-processing and art direction. Parameters are machine-verified, and a bundled capture script records the running result so the…
Skill Claude Code
Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…
Skill Claude CodeCodex
Design, implement, or review Material 3 and Material 3 Expressive interfaces for Android Compose, Android Views, Wear OS, and the web. Use for Material Design, M3, Material You, adaptive Material layouts, Material-focused Android UI modernization, or Material web component work; do not apply it to a non-Material…
kumbajirajkumar123/frontend-design
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, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
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: