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.
DonkeyKing01/tasteful-ui-skill
Skill Claude CodeCodex
UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific design briefs, variation comparison, and implementation verification. Use when Codex should redesign, build, polish, or critique frontend UI by reading project context, exploring taste, routing through…
Skill Claude CodeCodex
Use when designing, critiquing, or implementing forms, inputs, validation, checkout, registration, payment, or any data-entry flow.
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for…
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 49 tokens together
Validate and render D2 diagrams from complete source with d2-mcp.
Skill Claude CodeCodex
A tool for generating a complete single-file web page, such as a landing page, dashboard, form, or prototype. The output is a self-contained site.html file that can be previewed.
Skill Claude Code
Create, update, export, and apply BlueKiwi design systems from the registry through MCP tools. Use when the user says "/bk-design", asks to create a design system, apply a registered design system, export a design system skill, or update brand/design tokens in BlueKiwi.
Skill Claude CodeCodex
Use AgentDraw when the user wants to create a local editable diagram or visual explanation from a prompt, article, document, technical note, or review brief. Best for Mermaid-supported structured diagrams such as flowcharts/sequence/class/state diagrams, and SVG-based explanatory visuals such as article images…
MCP server Claude CodeCodexCursor +2
MCP server "figma-mcp-write-server" as configured in oO/figma-mcp-write-server. Runs /Users/olivier/Projects/figma-mcp-write-server/dist/index.js with node.
Skill Claude CodeCodex
Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…
matheuscfrade/arch-flows-visualizer
Skill Claude CodeCodex
Generates interactive HTML visualizations of system architectures and flows from structured JSON data. Use when users request visual documentation of components, connections, data flows, processes, or system interactions in an engaging browser-based format. Trigger words include: visualize architecture, architecture…
kiki-lgtm-dot/feishu-flowchart-converter
Skill Codex
Extract process logic from uploaded images, DOCX documents, PDFs, XLSX workbooks, CSV/TSV files, or mixed sources; turn it into a traceable, reviewable flowchart draft; require explicit confirmation of the exact current logic version; and only then generate and validate a Feishu-importable Draw.io .drawio file. Use…
Skill Claude CodeCodex
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.
Skill Claude CodeCodex
Use this skill whenever the user wants to build, plan, redesign, or even just think through a website. This skill guides the full creation process — from initial discovery and competitive niche research all the way through site architecture, style guide, interactive localhost mockups, SEO copywriting, and schema…
MCP server Claude CodeCodexCursor +2
MCP server "ui-expert-mcp" as configured in reallygood83/ui-expert-mcp. Runs locally from the @reallygood83/ui-expert-mcp npm package.
Skill Claude Code
Author and modify editable .zen designs with the Zenith CLI. Use for posters, slides, diagrams, charts, brand kits, size variants, and CSV mail-merge. Export PNG, self-contained SVG with outlined text, or PDF with explicit raster fallback reports. Use other tools for photo generation, raster editing, and unrelated…
awesome-skills/mermaid-syntax-skill
Skill Claude CodeCodex
This skill should be used when the user asks to "create a mermaid diagram", "fix mermaid error", "mermaid syntax error", "diagram not rendering", "flowchart not working", "sequence diagram broken", "escape special characters in mermaid", or mentions "mermaid", "flowchart", "sequence diagram", "class diagram", "state…
Plugin Claude Code
Bundles 1 skill · 47 tokens together
Implement and diagnose iOS Liquid Glass with SwiftUI and UIKit using focused guides and public API references.
Skill Claude CodeCodex
Compare agent-made alternatives in a local browser preview with Unship. Use for comparison setup, iteration, Canvas, selection, cleanup, and Unship installation or update troubleshooting.
Skill Claude CodeCodex
Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…
Command Claude Code
About 15–20 minutes of questions. You'll leave with.
Skill Claude CodeCodex
Run a heuristic UX audit of a customer journey from screenshots. Use when the user asks for a UX audit, heuristic evaluation, usability review, design teardown, or expert review of screens, mockups, or a flow, whether your own product or a competitor's. Evaluates against named frameworks (Nielsen, Shneiderman…
Skill Claude CodeCodex
@thedotmack's personal landing page design system. Use this skill whenever building landing pages, marketing sites, product pages, or conversion-focused web experiences. Covers visual hierarchy, UX patterns, marketing copy, messaging strategy, and conversion optimization based on proven preferences and successful…
dekitproject/ux-ui-promax-skill
Plugin Claude Code
Bundles 7 skills · 717 tokens together
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…
Plugin Claude Code
Bundles 8 skills · 973 tokens together
AI agent skills for the designer's craft. Brand diagnosis and audit, brand strategy, creative direction, logo design, and application across web, collateral, and motion — with a shared context document so you never re-explain your brand.
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: