17,795 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 Code
Interactive motion brief. Six-section survey (page-load, scroll, text, blocks, micro-interactions, intensity) driven by the user's references from references/animation/ and references/motion/. Outputs brief/animation.md and appends motion tokens to DESIGN-LOCK §5. /build enforces the resulting animations as required…
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 1 skill · 51 tokens together
Render a JSON spec into a hand-crafted SVG diagram (flows, neural nets, system architectures).
Skill Claude CodeCodex
Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/CSS code from Figma components, syncing design systems, building Figma plugins, or automating design-to-code workflows. Triggers on Figma API, design tokens, Figma plugin, design-to-code, Figma…
Plugin Claude Code
Bundles 1 skill · 166 tokens together
Ask it for a fake countdown timer and it says no. A UX and accessibility skill for Claude Code: surface-class-aware audits, WCAG 2.2 checks, deceptive-pattern screening, and five zero-dependency lint and stats tools.
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…
Plugin Claude Code
Bundles 1 skill · 81 tokens together
Install a curated set of Claude Code design skills (impeccable, the taste suite, ui-ux-pro-max) plus a decision-table router — conversationally.
Plugin Claude Code
Bundles 1 skill · 180 tokens together
Generate or update an interactive, self-contained C4-style architecture diagram (single HTML file) from a codebase.
Skill Claude Code
Full UX/UI design review panel — 6 opinionated design leaders (Jony Ive, Amir Salihefendic, Jesse Patel, Joe Gebbia, Katie Dill, Notion Designer) critique your design with brutal honesty, deliberate together, score on 5 principles, and implement fixes. Works with .pen files, HTML/CSS/JS projects, and Figma.
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 101 tokens together
A host-aware design workflow for creating and evolving production interfaces without requiring image generation.
Plugin Claude Code
Bundles 8 skills · 777 tokens together
Compose UI preview and PR-review skills for Claude Code, Codex, and Gemini.
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).…
deveshpunjabi/3d-website-skill
Skill Claude CodeCodex
Expert skill for designing, building, and deploying modern premium websites with advanced animations and 3D interactive experiences using Three.js, React Three Fiber, GSAP, and Framer Motion. Use this skill whenever the user wants to build a website with 3D elements, create an immersive web experience, add interactive…
Skill Codex
Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.
GDvega/super-android-kotlin-firebase-skill
Skill Claude CodeCodex
Use for Android and Compose UI design decisions that must adapt to app domain, target users, data sensitivity, environment, accessibility, performance and platform context after build/tests pass.
Skill Codex
Design new linear or filled SVG icons and cohesive icon sets through a mandatory raster-first workflow. Use when Codex must invent an icon concept, create branded UI icons, make matching navigation or feature icons, or extend an existing icon family. Always generate PNG concepts with ImageGen first, then invoke the…
Plugin Claude Code
Bundles 2 skills · 172 tokens together
Greptile-style Mermaid diagrams for AI code reviews — but driven by your own agent. Appends a sequence, flow, class, or entity-relation diagram (auto-detected from the diff) to a GitHub PR's /review comment. Bundles the /iago skill and its /squawk alias.
Skill Claude Code
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…
Plugin Claude Code
Bundles 1 skill · 89 tokens together
Use /vinci to create and critique websites, apps, product experiences, brand systems, decks, reports, and visual concepts.
Skill Claude CodeCodex
Review user-facing software changes for accessibility barriers across semantics, keyboard and other input, focus, structure, content, feedback, and assistive technology behavior. Use for web, mobile, desktop, CLI, and interactive UI changes; adapt the checks to the platform.
Skill Claude CodeCodex
Analyze annotated UI screenshots and markdown documentation to generate agent-consumable UI flow specifications. Use when processing web app UI flows described via markdown + screenshots into structured, automation-ready knowledge.
Skill Claude CodeCodex
An orchestration skill for taking a product idea from initial demand research through product structure, visual design, architecture, implementation, deployment, and release documentation.
whatsuppiyush/make-my-website-non-ai-looking-claude-skill
Plugin Claude Code
Bundles 2 skills · 156 tokens together
Two skills that build websites which look designed rather than generated, and fix the ones that already look generated. Thirty giveaway patterns tiered into bans, a budget, and requirements.
Plugin Claude Code
Bundles 1 skill · 178 tokens together
Solve UX/UI problems by researching how top design systems (Material, Apple HIG, Fluent, Polaris, etc.) handle similar patterns, presenting 3+ visual solutions as interactive HTML previews, and creating implementation plans tailored to your codebase.
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: