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.
Skill Claude CodeCodex
Use when the user uploads a screenshot of a hero section or landing page (or a URL/description of one) and wants a copy-paste-ready developer prompt to recreate it exactly in a tool like Lovable, Bolt, Replit, or Cursor. Produces prompts with exact hex colors, Tailwind classes, animation timing tuples, and component…
Skill Claude CodeCodex
Design, build, and critique data visualizations using Edward Tufte's principles. Use this skill WHENEVER the work involves a chart, graph, plot, dashboard, table, diagram, or any visual display of data, even if the user does not name Tufte or "data viz" explicitly. Triggers include: (1) Building a new chart, graph…
Heiberg-Industries/designbrief
Skill Claude CodeCodex
A library of UI design direction files that provide style guardrails for building tasteful, consistent interfaces. Use when building any UI — select a style or let the AI recommend one based on the project context.
Plugin Claude Code
Bundles 1 skill · 52 tokens together
Convert any content into stunning Apple Keynote-style HTML presentations. Cinematic animations, glassmorphism, ambient effects, and premium design — all in a single self-contained .html file.
ajantoniou/fable-design-system
Skill Claude CodeCodex
Award-winning SaaS UI/UX design persona reconstructed from the claude-fable-5 model. Use whenever building, restyling, or extending any website, landing page, SaaS surface, component, or design system — even if the user doesn't say "design." Covers typography in two registers (serif-editorial: Instrument Serif + Inter…
Cursor rule Cursor needs its repo
Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.
Plugin Claude Code
Bundles 29 skills, 10 commands, 3 agents, 1 MCP server · 3,253 tokens together
Figma tasarım verilerini 63 MCP aracı ile AI asistanlarına açar. 29 uzman skill, 10 komut. REST API token gerektirmez, Zero Trust mimarisi.
lumpinif/frontend-ui-engineering
Skill Codex
Modern frontend UI engineering guidelines for building and reviewing clear, accessible, maintainable product interfaces. Use when creating, modifying, or reviewing UI components, pages, layouts, HTML, CSS, JavaScript, TypeScript, accessibility, responsive behavior, interaction states, motion, performance, or frontend…
agentience/react-design-systems-mcp
MCP server Claude CodeCodexCursor +2
Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System. Runs locally from the @agentience/react-design-systems-mcp npm package.
KhaiTrang1995/agentic-awesome-kits
Skill Claude Code
Generate advanced .drawio diagrams (ERD, UML class/sequence, C4 model, ML/DL, mindmap/gantt/timeline via Mermaid, complex architecture) — including from existing code (Python/JS/Go/Rust), IaC (Terraform/Kubernetes/docker-compose, or live running infra), SQL DDL, or OpenAPI specs. Includes shape search across 10,000+…
caoxg/claude-skill-aesthetic-foundations
Skill Claude CodeCodex
Inject aesthetic principles from painting, photography, graphic design, and Eastern visual tradition into any visual/design decision. Use when reviewing UI/UX, making typography/color/layout/spacing choices, evaluating a screenshot, or when user asks "does this look good" / "how to improve this design" / "审美". Loads…
ZachArticulateV/designer-pro-and-seo
Plugin Claude Code
Bundles 45 skills, 14 agents, 1 MCP server · 6,389 tokens together
45 Stable skills (24 Core, 18 Lite, 3 routing) for web design + SEO in Claude Code: design systems, on-brand page rendering, design tokens, build briefs, pre-delivery QA, and CMS porting, plus a full SEO suite (technical, schema, sitemap, content, GEO, hreflang, drift, local, e-commerce) with a real parallel-dispatch…
MCP server Claude CodeCodexCursor +2
A local MCP server with full Figma REST API coverage. Runs locally from the figma-mcp-server npm package. Needs 1 environment variable to run.
erajasekar/ai-diagram-maker-mcp
MCP server Claude CodeCodexCursor +2
Generate software diagrams from natural language, code, ASCII, images, Mermaid. Runs locally from the ai-diagram-maker-mcp npm package. Needs 1 environment variable to run.
BCS1037/awesome-obsidian-skills
Skill Claude CodeCodex
A tool that converts written content into Excalidraw diagrams saved as Obsidian-ready files. Excalidraw is a sketch-style diagram editor, and Obsidian is a note-taking app.
MCP server Claude CodeCodexCursor +2
Generate 18 diagram types from structured JSON natively. Built for LLMs and agents. Runs locally from the @glyphicjs/mcp-server npm package.
Plugin Claude Code
Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together
Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…
Skill Claude CodeCodex
Turns a codebase into an explorable isometric architecture diagram — a self-contained HTML artifact with blocks on a grid, a component index, a what-it-does/how-it's-built panel, and real data snippets travelling along the edges that the reader can stop and inspect. Use this whenever someone asks for a codemap by name…
bingo33-gif/motionsites-promptcapture
Skill Codex
Use when the user asks to create a website (landing page, SaaS site, portfolio, agency site, hero section, etc.) and mentions UI design, or explicitly asks to find website prompts from motionsites.ai. Go to https://motionsites.ai, find the most relevant prompt template for the user's request, and deliver the prompt…
Skill Claude CodeCodex
Structured 10-stage methodology for planning bathroom layouts with focus on ergonomics, functionality, and safety. Use when planning bathroom furniture placement, optimizing bathroom space, arranging bathroom fixtures (toilet, sink, bathtub, washing machine), or solving bathroom layout challenges. Applicable to large…
kesslerio/ultimate-frontend-design-openclaw-skill
Skill Codex
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…
Plugin Claude Code
Plugin marketplace listing 1 plugin: whiteboard.
Plugin Claude Code
Bundles 1 skill · 127 tokens together
Anti-cramped spacing skill for AI-generated UI — three dials, one spacing scale, vertical rhythm, optical alignment, accessibility floors, and density discipline.
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Auto Trader (multi-market AI-assisted trading workspace for KR / US / crypto), either for production work or throwaway prototypes, mocks, and screenshots. Contains essential design guidelines, color + type tokens, component specs, page patterns, and a…
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: