mermaid
265Skill Claude Code
Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types.
17,526 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
Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types.
Skill Claude CodeCodex
Create professional, consultant-grade PowerPoint presentations from scratch using MckEngine (python-pptx wrapper) with McKinsey-style design. Use when user asks to create slides, pitch decks, business presentations, strategy decks, quarterly reviews, board meeting slides, or any professional PPTX. AI calls…
claudekit/frontend-design-pro-demo
Plugin Claude Code
Bundles 1 skill · 52 tokens together
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.
AkoliteZA/hermes-agent-idea-workflow
Skill Claude CodeCodex
Use when running the full idea workflow: capture a rough idea, expand it into design/UI/implementation docs, research similar products, and generate build-ready Markdown artifacts.
Skill Claude CodeCodex needs its repo
A tool that creates modern cover images for public WeChat articles from a topic and title. It uses Jimeng to make a 3D illustration background, adds the text as HTML, and can convert the result to a PNG or JPG.
Skill Claude CodeCodex
Reproduce a live website from its URL as a clean, deployable Vite + React project by running the complete agent-driven Perfect Web Clone harness: capture source evidence, plan the full page, author every section, implement common interactions, build, compare, repair, and hand the measured result to the user for…
Skill Claude CodeCodex
Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.
Plugin Claude Code
Bundles 10 skills · 450 tokens together
Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.
Plugin Claude Code
Bundles 3 skills, 4 commands · 426 tokens together
AI on-brand document generator for Claude Code & Codex: turn a company's Word, PowerPoint or Excel template into unlimited on-brand .docx/.pptx/.xlsx. Extracts a reusable Brand Profile once - off-brand output impossible by construction. Skills: brand-docx, brand-pptx, brand-xlsx.
Skill Claude CodeCodex
A Chinese-language visual-content skill that turns user-provided personal material into a reusable simple hand-drawn character and content illustrations. It can guide prompts or create images when suitable image tools are available.
Skill Claude Code needs its repo
Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.
Skill Claude CodeCodex
Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1 minimal, 2 moderate, 3 complex, 4 maximal). Use for Hypergryph-, Arknights-, Endfield-, Rhodes Island-, industrial sci-fi-…
Plugin Claude Code
Bundles 1 skill · 61 tokens together
Find, edit, and verify academic TikZ figures (icons, templates, examples) with the using-opentikz skill.
Skill Codex
Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex, Tencent WorkBuddy, QoderWork (CN/global), and TRAE SOLO (global/CN). Use when a user asks to turn an attached or local…
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 191 tokens together
Research real product interfaces and design with evidence from Refero.
Plugin Claude Code
Bundles 36 skills, 10 agents, 1 hook · 2,487 tokens together
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically.
Skill Claude CodeCodex
Generate a visual anatomy annotation in Figma showing numbered markers on a component instance with an attribute table. Use when the user mentions "anatomy", "anatomy annotation", "component anatomy", "create anatomy", or wants to annotate a component's structural elements.
Skill Claude CodeCodex
Use this skill whenever creating PPTX slides, presentations, or decks with any of these 30 modern design styles: Glassmorphism, Neo-Brutalism, Bento Grid, Dark Academia, Gradient Mesh, Claymorphism, Swiss International, Aurora Neon Glow, Retro Y2K, Nordic Minimalism, Typographic Bold, Duotone Color Split, Monochrome…
Skill Claude CodeCodex
OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.
Skill Codex
Generate a cohesive set of transparent-background icons in a chosen or brand-matched visual style. Use when the user wants custom icons, an icon pack / set, system icons, spot / feature / category icons, or icons matching a specific look (line, filled, colorblock, cartoon, isometric, 3D, sticker, realistic, animal…
MCP server Claude CodeCodexCursor +2
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back. Runs locally from the figma-ui-mcp npm package.
per-simmons/clone-app-pat-pro-public
Skill Claude Code
Clones any web app pixel-for-pixel from a URL. Runs as an IN-CONVERSATION workflow — the live Claude orchestrates Task sub-agents and drives the Claude Chrome extension to recon (every view), extract (computed styles = ground truth), design-spec, build, QA (computed-style assertions), and extend. Guided check-ins…
Skill Claude CodeCodex
Only to be triggered by explicit /co-design commands. Parallel task executor that routes frontend/design tasks to Claude CLI print mode for superior design output.
Skill Claude Code
Creates C4 architecture diagrams for designing, documenting, or understanding software architecture. Use when working through system design, mapping existing codebases, or visualizing structure at any level from system landscape down to code.
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: