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 Code
Create or update a Pier Canvas under .pier/canvases using pier/canvas, pier/host, and project components. When mode / recipe / content are omitted, you infer the preview shell from intent (world mockup, fill board, docs, or methodology overview). Use only when explicitly invoked from Pier.
ancoleman/ai-design-components
Skill Claude CodeCodex
Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific scaffolding. Use as the capstone skill after running theming, layout, dashboard, data-viz, or feedback skills to wire components…
Skill Codex
Guide a Figma frame or component review against observed app evidence in Revyl Atlas, with findings in chat, a local visual report, or explicitly requested Atlas annotations.
Plugin Claude Code
Bundles 2 skills · 344 tokens together
Generate genuinely beautiful, on-brand UI instead of generic AI slop — a generated-per-project palette with a verified contrast contract, real sourced assets, a structural-variety engine, and a numbered anti-slop gate list.
Skill Claude CodeCodex
Audits and upgrades existing websites and apps to premium quality. Diagnoses generic AI design patterns, weak states, and sloppy code, then applies targeted fixes without breaking functionality. Use this skill whenever the user wants to improve, polish, upgrade, refine, audit, fix, or redesign an EXISTING site, page…
Skill Codex
Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when the user provides text or core information and wants: (1) a complete responsive HTML info card, (2) the design to follow the stored editorial prompt, (3) output…
Skill Claude Code
Generate a PartCAD assembly (an ASSY that composes parts with placement and/or mates) from a description, writing down what it is required to be, generating or reusing the component parts, settling the placements on temporary layout sketches that /pc:gen-sketch measures and validates, and validating the result with…
Skill Claude CodeCodex
Design high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app screen, create app mockups, build mobile UI components, improve an existing mobile app design, create onboarding flows, design mobile navigation, or requests any mobile-first interface…
pretend1111/claude-desktop-app
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.
Skill Claude CodeCodex
Render inline interactive visuals — SVG diagrams, HTML widgets, charts, and explainers — directly in the conversation. Use this skill whenever the user asks to visualize, diagram, chart, illustrate, or explain something visually, or when an explanation would genuinely benefit from a spatial/interactive diagram rather…
mcp-servers-for-revit/revit-mcp
MCP server Claude CodeCodexCursor +2
Enhanced Revit MCP server with AutoCAD, PDF, and Excel integration. Includes elevator automation, floor duplication, intelligent element search, and cross-platform data exchange. Secure implementation with authentication and rate limiting. Runs locally from the revit-mcp npm package.
Cursor rule Cursor
A set of instructions for designing and building polished React user interfaces, including layouts, styling, animation, and interaction behavior. React is a JavaScript library for building interfaces from reusable components.
geekjourneyx/claude-design-card
Skill Claude CodeCodex
A tool for turning text, web pages, or URLs into HTML information cards styled after Claude and Anthropic’s visual language, then saving them as PNG screenshots.
Cursor rule Cursor
This file documents the actual design conventions in the codebase, not aspirations. The two structural rules ("no inline CSS/JS in templates", "shared assets under front/static/") live in 05-code-style-and-structure.mdc § Frontend (HTML/CSS/JS). This file covers visual language, components, naming and asset wiring.
Skill Claude CodeCodex
Creates, edits, reviews, and regenerates C4 architecture diagrams written with goa.design/model and the mdl CLI. Use when changing Model DSL, model.go or views.go files, system landscape, context, container, component, dynamic, or deployment views, element relationships, boundaries, layout, or generated SVG diagrams.
Plugin Claude Code
Bundles 3 skills, 1 MCP server · 97 tokens together
Design UI for your codebase. Developers and designers can import design systems into Subframe, explore and edit pages and components, and implement designs in your app.
Skill Claude CodeCodex
Extract evidence-based style guides and motion appendices from websites or web apps. Use when Codex needs reusable visual language, semantic tokens, component/state rules, runtime animation evidence, or style references that preserve design signal while stripping product-specific structure and content.
Skill Claude CodeCodex
Build and maintain an explorable, progressively-disclosed isometric "atlas" of a system's architecture — an interactive page (hover to read, click to pin, go inside for steps, moving data packets you can inspect, chapters that reveal the system a few structures at a time) plus a generated text twin (SYSTEM.md) and…
Plugin Claude Code
Bundles 1 skill · 120 tokens together
Create polished, scene-first infographic images from data, facts, or a topic — social graphics, stats posters, story/reel visuals, print one-pagers, link-preview banners — as a self-contained HTML/CSS+SVG page rendered to PNG. Ten fully-specified design languages (blueprint, dark-glass, naturalist-plate…
Skill Claude Code
INTERNAL create / greenfield backend. NOT a user-facing slash command — it is reached via /lazyweb-design with objective=create, which redirects here for designing a NEW product screen from scratch (no existing screen to ground on). Combines Lazyweb's screenshot database with web research and produces a…
Plugin Claude Code
Bundles 12 skills · 209 tokens together
AI-powered UI design skills based on Refactoring UI principles. Evaluate and improve interface designs with expert-validated guidance.
Skill Claude CodeCodex
Reverse-engineer the design taste of any website. Given a URL, captures DOM data and a screenshot via real browser, then runs a 4-step analysis to produce {domain}.md + {domain}.json with practical design tokens (colors, typography, spacing, radii, shadows, grid) AND taste DNA (Trigger → Decision → Reason → Evidence…
Skill Codex
Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with agent-browser and agent-browser eval, then synthesizing its visual language, layout system, interaction patterns, and content style into a structured markdown design system. Use when given one or more website URLs and…
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
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: