18,961 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.
gauravs19/enterprise-architecture-skill
Plugin Claude Code
Bundles 1 skill · 257 tokens together
Unified enterprise & software architecture skill: C4 + Structurizr DSL, ArchiMate 3.x, TOGAF ADM, and arc42 + ADRs. Four modes — diagram (diagrams-as-code), document (arc42 + ADRs), review (ISO/IEC 25010 assessment), and model the enterprise (capability → application → technology).
Skill Claude CodeCodex
Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use when the brief asks…
Skill Claude Code needs its repo
Design, redesign, critique, audit or polish a frontend UI: landing pages, dashboards, components, forms; make it bolder or quieter; type, color, motion, a11y, design systems. Not for non-UI.
Skill Claude Code
This skill should be used when the user asks to "create a diagram", "draw a flowchart", "make a swimlane diagram", "create WBS", "generate RACI matrix", "build network diagram", "create org chart", or mentions draw.io, diagrams.net, BPMN, UML, Gantt, PERT, or project management diagrams. Integrates with…
Plugin Claude Code
Bundles 5 skills, 13 commands · 97 tokens together
Design operations toolkit for design companies - dashboard, integrations, and utility commands for team productivity.
Skill Claude CodeCodex
Create SVG graphics through programmatic code generation. Use this skill when the user asks to create icons, logos, illustrations, diagrams, data visualizations, generative art, patterns, fractals, or any vector graphics. Provides executable Python scripts for grids, radial patterns, fractals, waves, particles…
Plugin Claude Code
Bundles 61 skills, 11 commands, 14 agents, 5 hooks · 6,282 tokens together
A shared add-on for frontend development teams, with frontend instructions, helper agents, automated hooks, and connections to design tools such as Figma and Sketch. It saves reports as Markdown files.
Cursor rule Cursor
A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.
Skill Claude CodeCodex
Compose UI screens from existing components. Proposes ASCII wireframe layouts with real component mapping and coverage %, then specs the chosen layout. 6 actions: init, spec, spec-review, craft, ship, review. Core guarantee: zero component reinvented. Auto-activates on: "design-screen", "design-screen spec"…
Skill Claude Code
Full-stack design methodology that makes any website look like a $150k agency build. Nine gated phases: positioning, research, design contract, screen spec, build, subtraction, audit, hardening, handoff. Includes illustration system, animation tiers, 12 hero patterns, 16 section layouts, UX writing guide, icon system…
Skill Claude CodeCodex
Version: 1.7.0 Platform: macOS and Windows Description: Step-by-step guided setup of Figma Console MCP for designers. Walks the user through the full installation flow — from package manager to a verified Figma connection. Author: Design Agent Lab — designagentlab.com.
Cursor rule Cursor
GhostCanvas design workflow, MCP tools reference, and best practices for AI-controlled visual design.
Plugin Claude Code
Bundles 1 skill · 201 tokens together
Convert an extract-design-system output bundle into a self-contained, auto-triggering per-brand Claude Code skill that later agents use to build pages native to that brand.
Skill Claude CodeCodex
Pixel-faithful clone of any web UI into the user's existing stack, using whatever sources are available — a screenshot alone, a live URL, raw HTML/CSS, or any combination. Use this skill whenever the user wants to recreate, match, replicate, or "clone" a design from a screenshot, image, URL, Figma export, or HTML…
Skill Claude CodeCodex
Generative UI with OpenUI: build apps and agents whose model responses render as live interfaces. Use when the task involves OpenUI, OpenUI Lang, @openuidev/ packages, OpenUI Gateway, Autofix, or the @openuidev/cli (create, generate, deploy), or when the user wants a generative UI chat, agent, or dashboard.
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 193 tokens together
Make, edit and embed dotted world maps and 3D globes. Bundles the globestudio skill with the hosted Globestudio MCP server.
efeunalmedia-lab/efeunal-website-seo
Skill Claude CodeCodex
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…
Skill Claude CodeCodex
Apply UX content writing principles to review existing UI copy or write new UI copy from scratch. Use this skill whenever someone asks you to: review, audit, critique, or improve UI text, error messages, button labels, tooltips, empty states, permission prompts, onboarding copy, form helper text, accessible labels or…
Cursor rule Cursor
Based on critical UX discoveries, user feedback, and workflow improvements implemented during Sprint 10.
hoshikitsunoda/figma-plugins-vibe-coding-template
Cursor rule Cursor
Think and act as an experienced design technologist — someone who bridges design and engineering with care, curiosity, and clarity.
MCP server Claude CodeCodexCursor +2
Complete Apple development guidance: Human Interface Guidelines (design) + Technical Documentation for iOS, macOS, watchOS, tvOS, and visionOS. Runs locally from the apple-dev-mcp npm package.
luongphambao/diagram_code_agent
Skill Claude CodeCodex
Build production-quality architecture diagrams in the "centvra/deepstream" house style using the prettygraph helper — title + subtitle, semantically-COLORED rounded node boxes (icon on the left + bold label), tinted nested clusters, and gray concern-labeled edges. Consult before writing a pretty-style diagram.
MCP server Claude CodeCodexCursor +2
A Model Context Protocol (MCP) server for Storybook. Runs locally from the storybook-mcp npm package.
nlook-service/design-from-code
Plugin Claude Code
Bundles 1 skill · 135 tokens together
Workflow skill that designs UI changes from real source code and data models — verify data in code, iterate faithful HTML mockups, lock a design doc, then delegate implementation. It reproduces existing components pixel-for-pixel by reading actual JSX/queries instead of imagining them.
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: