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.
az9713/design-md-creator-skill
Skill Claude Code
Generate a spec-compliant DESIGN.md file for any brand, product, or project. Produces a 9-section design system document in the getdesign.md format — covering visual atmosphere, color palette, typography, components, layout, elevation, do's/don'ts, responsive behavior, and an agent prompt guide. Use when asked to…
Skill Claude Code
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).…
Skill Claude CodeCodex
A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.
YUHAO-corn/corn-awesome-skills
Skill Claude CodeCodex
Generate high-quality Excalidraw diagram files (.excalidraw). Use this skill whenever the user asks to create architecture diagrams, flowcharts, sequence diagrams, data flow diagrams, mind maps, system overviews, or any visual diagram in Excalidraw format. Also trigger when the user mentions "excalidraw", "draw a…
Skill Claude CodeCodex
Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…
Skill Codex
Convert Open Design prototypes, HTML design drafts, and generated web prototypes from tools like Lovable, v0, Bolt, or similar into design specifications and reconstruction-ready product intelligence for AI coding agents. Use when Codex needs to turn HTML or an interactive prototype into design specs, UI flow maps…
Skill Codex
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…
Skill Claude CodeCodex
Create affordance-level breadboards from a specific workflow or shaped product idea. Use for UI/code/store/wiring tables. Not for generic architecture diagrams, implementation plans, or visual mockups.
Skill Claude CodeCodex
A workflow for creating a logo and the basic visual rules around it, from brand questions through image generation, SVG cleanup, and testing at different sizes and backgrounds.
Skill Claude CodeCodex
Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…
Skill Claude Code
Define and design a product metrics dashboard with key metrics, data sources, visualization types, and alert thresholds. Use when creating a metrics dashboard, defining KPIs, setting up product analytics, or building a data monitoring plan.
Plugin Claude Code
Bundles 1 skill · 124 tokens together
Reviews a built interface against its stated design intent — naming how the thing reads before proposing a fix, ranking findings by severity, and treating removal as a first-class verdict. Refuses to critique without a written intent.
Skill Claude CodeCodex
Create beautiful, elegant Excalidraw diagrams based on user intent. Use when user asks to draw, visualize, diagram, sketch, illustrate concepts, create flowcharts, architecture diagrams, mind maps, process flows, or any visual representation. Triggers on keywords like "draw", "diagram", "visualize", "sketch"…
Skill Claude CodeCodex
Run and operationalize VertaaUX UX, accessibility, and conversion audits across CLI, CI/CD, SDK, API, and MCP. Use when the user needs to audit a URL, investigate WCAG issues, set quality gates, compare audit runs, select an audit profile, or generate remediation plans from VertaaUX results.
Skill Claude Code
Extract a complete DESIGN.md design-system style guide from any live website URL or local screenshots. Captures screenshots and samples DOM/computed CSS via browser MCP, then uses Claude's own multimodal vision to analyze visual style and produce a structured DESIGN.md with design tokens ({colors.}, {typography.}…
Skill Codex
Turn an image, a theme URL, or a loose aesthetic description into a valid portable Codex app theme string. Use this when someone wants a codex-theme-v1: import for Codex.app and needs the result clearly labeled as a dark or light theme.
TheBrunoLopes/bruno-agentic-skills
Plugin Claude Code
Bundles 1 skill · 121 tokens together
Cyberpunk UI design system for building dark-themed, terminal-inspired interfaces with neon accents, CRT effects, and pixel aesthetics.
Skill Claude CodeCodex
Convert website screenshots into WordPress Gutenberg blocks using the G10n system with visual fidelity priority.
ToniIAPro73/anclora-agent-skills
Skill Claude CodeCodex
Skill "creador_apps_luxury" from ToniIAPro73/anclora-agent-skills, covering contenido de skillmasterv4.0.md, anclora skill master v4.0, tabla de contenidos, parte i: brand kit universal anclora and parte ii: skill web principal.
Mic-360/material3-expressive-flutter
Skill Claude CodeCodex
Expert guidance for building Material 3 Expressive (M3E) Flutter apps. Use when implementing expressive motion, dynamic shapes, and premium components like FAB menus and toolbars.
Plugin Claude Code
Bundles 1 skill · 80 tokens together
Author draw.io diagrams that are readable and correct, then prove it by looking at them. Bundles a drawiotool script that exports any page to PNG through the desktop app's Electron binary so the agent can Read its own render, plus a linter for the defects a render cannot show. draw.io's desktop app, VS Code extension.
Plugin Claude Code
Bundles 1 skill · 65 tokens together
Generate polished system architecture diagrams via the Gemini image API.
clafollett/lafollettlabs-claude-plugins
Agent Claude Code needs its repo
Implements a single UX design variation in an isolated git worktree. Used by the ux-designer skill during Phase 3 Build. Reads master brief + variation brief from absolute paths in the main repo, builds milestone-by-milestone, captures screenshots via raw Node Playwright (NOT the MCP), and reports back with branch +…
edmondop/diagram-claude-plugin
Plugin Claude Code
Bundles 1 skill · 118 tokens together
Generate professional diagrams from natural language using the best-fit Python library for each diagram type.
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: