one-shot-ui
1489Skill Claude CodeCodex
Extract UI designs from screenshots and iteratively refine implementations to match a reference image pixel-perfectly using comparison and fix suggestions.
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.
Skill Claude CodeCodex
Extract UI designs from screenshots and iteratively refine implementations to match a reference image pixel-perfectly using comparison and fix suggestions.
Leobeckham-162632/codex-visio-replica
Skill Codex
Use this skill when converting a user-provided PNG, JPG, screenshot, scanned diagram, flowchart, electrical schematic, network topology, academic mechanism diagram, neural-network architecture figure, map, infographic, or other two-dimensional reference image into an editable Microsoft Visio VSDX with separately…
WhimsicalCode/mcp-server-guide
Plugin Claude Code
Whimsical's official MCP server. Create and edit boards, docs, flowcharts, mind maps, sequence diagrams, wireframes, tables and sticky notes, then read, search and comment on anything already in the workspace. OAuth 2.1, no API key; a free Whimsical account can use every tool.
MCP server Claude CodeCodexCursor +2
Brand atomic system over MCP: verbal, visual, motion, tokens, and a magictrick taste primer. Runs locally from the brandkit-mcp npm package.
Skill Claude CodeCodex
Read and write wiremark, the text-based wireframe DSL rendered from fenced wireframe code blocks and .wiremark files. Use when creating, editing, or interpreting wireframes, screen sketches, screen flows, or low-fidelity UI mockups in markdown documents.
Skill Claude CodeCodex
Use when users want a premium, demo-worthy cinematic web experience, immersive landing page, portfolio, product showcase, or Claude-made wow-factor UI with motion, 3D, particles, WebGL, or scroll-driven storytelling.
LevyBytes/AI-SKILL-adobe-products
Skill Claude CodeCodex
Use when a task specifically concerns Adobe InDesign: InDesign documents, layouts, pages, spreads, frames, styles, publishing, UXP, or layout scripting; this is the product subskill routed from adobe-products.
Skill Claude CodeCodex
Visual hierarchy and information architecture analysis.
AUTOM8LABS/mcp-connector-skills
Plugin Claude Code
Bundles 1 skill · 67 tokens together
Operate AUTOM8LABS Unreal Engine MCP tools efficiently with scoped reads and verified changes.
Skill Claude CodeCodex
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
Plugin Claude Code
Bundles 5 skills, 1 MCP server · 198 tokens together
Convert images to SVG vectors, edit colors, simplify paths, remove backgrounds, and batch process — powered by svg.new.
MCP server Claude CodeCodexCursor +2
Enhanced Figma MCP server with improved font handling and additional features. Unofficial tool, not affiliated with Figma, Inc. Runs locally from the figma-copilot npm package.
andre-carbajal/affinity-mcp-bridge
MCP server Claude CodeCodexCursor +2
A standalone MCP stdio bridge for Affinity by Canva's local MCP SSE server. Runs locally from the affinity-mcp-bridge npm package.
MikeLi-28/Substance-3D-Designer-MCP
MCP server Claude CodeCodexCursor +2
MCP server "substance-designer-mcp" as configured in MikeLi-28/Substance-3D-Designer-MCP. Runs locally from the substance-designer-mcp Python package.
aa-on-ai/agentic-design-system
Plugin Claude Code
Bundles 10 skills, 1 MCP server · 689 tokens together
A design system for AI agents that build UI. 10 skills, routing logic, templates, and verification scripts that raise the quality floor on agent-generated interfaces.
MCP server Claude CodeCodexCursor +2
Unofficial MCP server for cosmos.so. Search, browse and build visual moodboards with Claude, Cursor or any MCP client. Runs locally from the cosmos-mcp npm package.
Plugin Claude Code
Bundles 9 skills, 10 commands, 2 MCP servers · 1,232 tokens together
Design knowledge and a ship-quality gate for coding agents: 96 knowledge documents, 36 tools, 10 of them auditors that publish what they could not see, and 9 workflows.
tuoxie2046/claude-code-research-skills
Skill Claude CodeCodex
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that…
tyler-technologies-oss/forge-mcp
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 122 tokens together
Tyler Forge design system skills and MCP servers.
Skill Claude CodeCodex
Designs and builds real, production-ready websites — landing pages, marketing sites, web apps, redesigns — with an intentional, non-templated visual identity (distinctive typography pairing, real design-token system, real spacing/color scale), then checks the build for errors, pushes to GitHub, and deploys it live.…
MCP server Claude CodeCodexCursor +2
Tabler.io for AI assistants: search 5,000+ icons, UI components, layouts, themes and docs. Runs locally from the tabler-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
Give your AI coding agent an architecture canvas to design and evolve diagrams. Runs locally from the @usecomposer/mcp npm package.
MCP server Claude CodeCodexCursor +2
React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.
Skill Claude CodeCodex
Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…
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: