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
Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems. Use when the user asks for UI in the style of a named reference such as Stripe, Vercel, Apple, Linear, Airbnb, Spotify, Notion, Figma, or similar; asks to match a reference design; or wants the…
Plugin Claude Code
Bundles 30 skills, 25 commands, 2 agents, 1 MCP server · 3,839 tokens together
Design engineering skill + system for AI coding agents: anti-slop UI, outcome recipes, spec-driven design, design-review + a11y agents, MCP quality gates.
moguzbulbul/blueprint-animation
Skill Claude CodeCodex
Blueprint animation that explains UX decisions step by step. With Before and After, changed parts rebuild. With one screen, each module is annotated with what and why. For case studies and posts.
Rieranthony/product-film-skill
Skill Claude CodeCodex
Make a showreel-grade product film (landing-page loop, launch video, promo, demo reel, social cut) in code with Remotion, built on the product's own design system, components and voice. Use when someone asks for a product video, landing video, promo, launch film, explainer or "motion design video" for their app, SaaS…
Skill Claude Code
A guide for creating interactive visual components with HTML. These components can respond to user actions, animate ideas or display data.
Skill Codex
Use when an AI agent wants to participate in the Haidian Centennial Jing-Zhang AI Innovation Belt open call, follow changing materials and community discussion, generate or repair a formal machine-readable urban design submission package, create accessible multimodal images, video, audio/music, Three.js interaction…
Will-hxw/drawio-diagram-builder
Skill Codex
Create, edit, replicate, and iteratively refine editable research and technical diagrams in diagrams.net/draw.io (.drawio XML) from prompts, papers, repositories, screenshots, or existing diagrams. Use when asked to generate a scientific figure, paper method diagram, ML/system architecture diagram, draw.io file…
Skill Claude CodeCodex
Generate interactive, inline HTML/SVG widgets (charts, diagrams, forms, dashboards, illustrations) that render in sandboxed iframes inside Kocoro Desktop chat. Use when the user asks to "visualize", "chart", "diagram", "explain visually", "show me", or when data is denser than a paragraph of prose.
Skill Claude CodeCodex
Draw and revise UI wireframes directly in Clay chat with the built-in clay-sketch renderer. Automatically use for requests to see a wireframe, sketch a screen, visualize a page layout or UI plan, or revise an existing sketch, including entire webpages and the current project. The user does not need to name…
ericzakariasson/scandinavian-design
Skill Claude Code
Apply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained…
Skill Codex
Find, evaluate, and download low-level common standard CAD parts from step.parts, such as screws, bolts, nuts, washers, bearings, standoffs, electronics parts, motors, connectors, and other off-the-shelf components. Use when Codex needs to search the hosted step.parts catalog, resolve fuzzy part names, standards…
AlpacaLabsLLC/skills-for-architects
Plugin Claude Code
Bundles 61 skills, 8 agents, 2 hooks · 2,908 tokens together
Arch Studio — governed AEC skills and portable studio workflows for Codex and Claude Code: initialize a studio workspace, create registered projects, maintain linked project records, or route work across NYC due diligence, site planning, zoning, programming, specifications, sustainability, FF&E, materials research…
Plugin Claude Code
Bundles 2 skills, 5 commands, 8 agents, 1 MCP server · 556 tokens together
Drive Rhino 3D from Claude Code via the Rhino MCP server.
guiguiyan930-source/game-ui-design-workflow
Skill Claude CodeCodex needs its repo
Orchestrates an end-to-end game UI workflow from game design (GDD), PRD, and UI interaction logic through design specification, screen-system extension, page image generation, component breakdown, sprite-sheet splitting, PNG ZIP packaging, atlas packing, engine JSON handoff, asset registration, and validation. Use…
Skill Claude Code
A workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles.
Skill Claude Code
How an EDDI Manager page is actually built — the app shell, the list-page pattern, detail pages, the config-editor chrome, wizards, and loading/empty/error states. Load before creating or restructuring a page.
cvs-health/ios-swiftui-accessibility-techniques
Skill Claude CodeCodex
Rules for generating accessibility annotations on iOS/iPadOS mobile designs in Figma. Enforces a bare-minimum annotation discipline, an iOS vocabulary instead of web ARIA terms, and exact grammar for names, control types, page titles, values, hints, headings, groups, and reading order. Never annotates visible text as…
Skill Claude Code
Historical Vocello 2.0 prototype reference only; not a current production skill or acceptance source.
Skill Claude CodeCodex
Drive omh-ralplan: context package, rounds, distillation.
Skill Codex
Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use in any supported agent or IDE when generating, reviewing, or refactoring UI that feels generic…
tenfoldmarc/website-builder-setup
Skill Claude CodeCodex
Install the full AI website builder stack — UI/UX Pro Max, Framer Motion animations, and 21st.dev components. One skill, three tools, zero coding experience needed.
Skill Claude CodeCodex
Use before writing or editing code that uses @charcoal-ui with Tailwind, and whenever such a project's charcoal setup is unverified or incomplete. The v2 token route still needs the theme CSS and the .ch-token-v2 opt-in, which the preset does not supply.
Skill Codex
A tool for turning technical descriptions, articles, processes, or reference images into hand-drawn-style diagrams. It can produce editable Excalidraw diagrams, image and video previews, and interactive HTML.
Skill Claude CodeCodex
Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.
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: