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.
satishTheLegend/universal-designer
Skill Claude CodeCodex
UniversalDesigner is the single entry point for ALL frontend design, animation, and 3D work. It understands the project architecture (stack, existing design infra, constraints), sets a design direction, then routes execution to the right specialist skill(s) among 24 design skills: 3D engines (Three.js, R3F, Babylon…
liberastudio-mx/skill-web-design
Skill Claude CodeCodex
Visual and aesthetic design direction for web and UI. LIBERA Studio synthesis of impeccable design laws + high-end-visual-design pattern catalog. Self-contained for first-pass direction; optional deep-dive references if skill-web-design repository is available. Covers brand and product registers, OKLCH color strategy…
erenisci/claude-design-prompter
Skill Claude CodeCodex
DEPRECATED — use Acta (acta-design) at https://github.com/erenisci/acta. Detect the project's character from its repo (project type, audience, voice) and produce a complete brand foundation — palette, typography, mood, motion, voice, accessibility — with type-specific recommendations the user can accept or override.…
danger-English/agent-zero-to-one-cn
Skill Claude CodeCodex
Polish an existing single-file personal page after the user asks for a clearer, more readable design while preserving its content and no-build setup.
Plugin Claude Code
Bundles 6 skills, 1 hook · 1,069 tokens together
Six-skill engineering pod for the full lifecycle: scaffold specs, research thin specs, brainstorm direction, generate variants, implement, verify visually. Spec-driven, with hard handoffs between skills that prevent silent assumptions.
Skill Claude CodeCodex
Build modern, responsive, accessible web interfaces using pure Bootstrap 5. Use when creating layouts, components, forms, or styling with Bootstrap's utility classes and components. Covers grid system, flexbox utilities, spacing, colors, typography, forms, buttons, cards, modals, navbars, dropdowns, alerts, and best…
WCF900905/screenshot-to-design-system
Skill Claude Code
Extracts color tokens and component styles from UI screenshots by reading each control region individually (not full-page layout). Generates a complete design system demo with tokens.css and components.html. Ignores backgrounds and icons. Use when the user uploads a UI screenshot, asks for design tokens, color palette…
Skill Claude CodeCodex
MUST use when implementing UI components or frontend pages in this project. Triggers: designing UI, implement page, develop UI, write component, frontend development, create component, build interface, style page, button, form, modal, toast, card, input, styling, interface, shadcn, ant design, antd, element plus…
Plugin Claude Code
Bundles 1 skill, 4 commands, 1 agent, 2 hooks · 404 tokens together
Automatically design and review UIs to Apple's Human Interface Guidelines across iOS, iPadOS, macOS, watchOS, tvOS, and visionOS. Ships a complete on-disk guideline reference so it never fetches Apple at runtime; the router skill loads only the files relevant to the current task.
bruno-rv/premium-presentations
Plugin Claude Code
Bundles 1 skill, 3 commands · 208 tokens together
Generate magazine-quality themed HTML slide decks: runtime theme switching, cursor-tracked 3D modes, presenter view with rehearsal timeline, annotations, offline diagrams. Self-contained single-file presentations with zero network dependencies.
MagicKidd/Rokid-agentic-workflow
Skill Claude CodeCodex
The Design-vs-Implementation Audit Copilot. A universal skill for any project, any language, any design document. Before work starts, it reminds engineers what must be delivered; after code lands, it checks what was actually delivered, what drifted, and what silently went beyond the design. Feed it a design doc plus a…
timseriakov/likec4-architecture-skill
Skill Codex needs its repo
Build and maintain software architecture as code with LikeC4 DSL. Use when tasks mention architecture diagrams, C4/context/container/component views, system landscape, dependency/integration maps, or when the user wants architecture generated/evolved from code. Apply for creating new .c4/.likec4 models, updating…
Skill Claude CodeCodex
Create polished interactive flowchart visualizations for complex codebases, workflows, data flows, prompt pipelines, and system/process maps using Cytoscape.js, Chroma.js, and Prism.js. Invoke only when the user explicitly asks for "flowchart" by name or asks to build an interactive flowchart visualization.
smartbrainactivity/visual-diagramming-export
Skill Claude CodeCodex
Utiliza este skill cuando el usuario pida dibujar pizarras, diagramas de arquitectura, bocetos UI o esquemas de cajas libres que requieran geometría manual 2D y un alto grado de personalización posterior. Genera el código fuente JSON de Excalidraw (.excalidraw) para importación directa.
Cursor rule Cursor
Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.
Skill Claude CodeCodex
A tool that creates admin and list-page prototypes from written requirements. It can produce them for supported project frameworks, as standalone HTML, or in a project-specific setup.
Plugin Claude Code
Bundles 26 skills · 1,487 tokens together
CRISP design evaluation framework for Claude Code. Includes skills for auditing, reviewing, briefing, teaching, accessibility, copy, AI, and design engineering.
gonzaloraknarok88/CLAUDE-HABILIDADES
Skill Claude CodeCodex
Applies Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards.
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…
moesuito/claude-skill-design-md
Skill Claude CodeCodex
Author a DESIGN.md file — a single markdown document that captures a brand's visual identity in tokens + prose so AI agents can build pixel-consistent UI from it. Use when the user has a website, brand guide, style guide, mood board, or existing product and wants to distill it into a DESIGN.md (a la getdesign.md /…
Plugin Claude Code
Bundles 1 skill, 2 hooks · 55 tokens together
3D modeling skills for Claude Code - design, validate, and export 3D models across multiple tools and formats.
Cursor rule Cursor
styles from zackiles/cursor-workbench.
Plugin Claude Code
Bundles 8 skills, 1 agent · 433 tokens together
Interactive UI-Kit generator using Atomic Design principles (Atoms → Molecules → Organisms → Templates → Pages). Features intelligent planning agent, parallel component generation via subagents, and design system creation with automatic dependency resolution.
Plugin Claude Code
Bundles 1 skill · 63 tokens together
Generate professional architecture and flow diagrams using D2 with C4 model conventions. Includes style guide, judge loop for quality iteration, and layout best practices.
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: