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 building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. A taste-first design system that makes generated pages look intentional and crafted instead of generic "AI-made". Provides an aesthetic-direction process, design tokens, a starter…
konraddzbik/architecture-diagram-skill
Plugin Claude Code
Bundles 1 skill · 203 tokens together
Build interactive, click-through architecture diagrams as a single HTML file. Animated step-by-step flows, mode toggles, dark/light theme, side panel with payloads.
MCP server Claude CodeCodexCursor +2
MCP server "figma" as configured in TimHolden/figma-mcp-server. Runs /ABSOLUTE/PATH/TO/figma-mcp-server/dist/index.js with node. Needs 1 environment variable to run.
Skill Claude CodeCodex
Write to (or read) the user's BonsAI board — the spatial idea canvas in the BonsAI macOS app. Use when the user asks to put / drop / add / send something to their BonsAI board, capture an idea or note on the board, sketch a diagram or architecture onto the canvas, evolve an idea already on the board, or read what's…
Skill Claude Code
A design-production guide for creating high-fidelity visual work in HTML, including prototypes, slide decks, animations, mobile mockups, and visualisations.
Skill Claude CodeCodex
Turn any system architecture into an interactive, pannable/zoomable canvas diagram (dark by default with a light switcher, JetBrains Mono, plane-coloured bands, click-to-isolate focus, PNG export) — the "architecture canvas" style — and optionally publish it to artifact.cafe for review. Use whenever the user asks for…
Skill Claude Code
Audit a design portfolio website against what top design leaders actually look for when hiring. Use with /portfolio-audit .
Plugin Claude Code
Bundles 1 skill · 116 tokens together
Scaffold a unified cross-platform color theme system (native iOS + Android Material You) into an Expo Router app.
Skill Claude CodeCodex
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented…
innei-template/smart-webapp-template
Cursor rule Cursor
You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.
Skill Claude CodeCodex
Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks…
Skill Claude CodeCodex
Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…
alima-max/prototype-to-figma-skill
Skill Claude CodeCodex
Converts a working Claude Code prototype into a structured Figma design file — exploding each interaction flow into separate frames, using the target file's design system components, and annotating interaction details natively in Figma. Use this skill whenever the user asks to turn a prototype into Figma frames…
dylantarre/animation-principles
Skill Claude CodeCodex
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
Skill Claude CodeCodex
Use this skill when asked to model, build, or modify a 3D part or assembly with build123d — from a text description, a technical drawing (image or PDF), dimensions in a spec, or an existing STEP/STL file.
Skill Claude CodeCodex ✓ vendor
SAP Fiori for iOS Design Skill — Converts Figma designs from the Fiori iOS UI Kit into SwiftUI prototypes with animations and interactions. Use this skill when a designer provides a Figma node ID or component name and wants working SwiftUI code, when asking which Fiori iOS component to use, when mapping Figma variants…
maquina-app/maquina_components
Skill Claude CodeCodex
Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.
MCP server Claude CodeCodexCursor +2
AI-powered design and management for Webflow Sites. Remote server at mcp.webflow.com.
Cursor rule Cursor
A set of guidance for improving user interfaces built with Blazor and the Ant Design Blazor component library. Blazor is a Microsoft framework for building web interfaces with .NET, while Ant Design Blazor provides reusable interface components.
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for beava (beava.dev, an open-source single-binary feature server for stream processing), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
AI-Maker-Space/The-AI-Engineer-Challenge
Cursor rule Cursor
When designing a frontend or frontend components.
wentong2022-arch/flowforge-skill
Plugin Claude Code
Bundles 1 skill · 153 tokens together
Generate professional draw.io diagrams from natural language — flowcharts, architecture diagrams, comparisons, and more.
Abhinavbwj/Urban-Design-Skills-Claude
Plugin Claude Code
Bundles 18 skills · 2,086 tokens together
18 specialized Claude Code skills for urban design covering site analysis, masterplanning, street design, public space design, sustainability scoring, zoning, transit-oriented development, mobility and transport planning, cost estimation, urban regeneration, and computational urban metrics. References 40+ theorists…
Skill Claude CodeCodex
Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and a cross-framework Playwright interaction test.
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: