17,551 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.
Plugin Claude Code
Bundles 3 skills, 6 commands · 706 tokens together
Design system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A single-file web presentation styled like an electronic magazine and e-reader, with horizontal slides, editorial typography, fluid visual backgrounds, and image grids. It is designed as a static HTML presentation rather than a collaborative slide editor.
Skill Claude CodeCodex needs its repo
Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and Playwright tests.
Skill Claude CodeCodex needs its repo
An academic-diagram skill for creating research-paper figures as TikZ/LaTeX code or draw.io XML. TikZ is code that embeds precisely into LaTeX papers, while draw.io XML creates diagrams editable in the draw.io app.
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…
lxfater/nano-image-generator-skill
Skill Claude CodeCodex
Generate images using Nano Banana Pro (Gemini 3 Pro Preview). Use when creating app icons, logos, UI graphics, marketing banners, social media images, illustrations, diagrams, or any visual assets. Supports reference images for style transfer and character consistency. Triggers include phrases like 'generate an…
Skill Claude CodeCodex
Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken copy voice, with type-checked component recipes. Use this whenever you build or restyle a dashboard, SaaS app, analytics…
madebyaris/advance-minimax-m3-cursor-rules
Skill Cursor
Category-aware design skill that builds distinctive, production-grade UIs. Brand-vs-product register, color strategy commitment, scene-based theme choice, palettes, font pairings, UX patterns, shadcn/token integration, empty-error-loading copy, secondary slop signals, multimodal design parity from mocks, and a…
Skill Claude CodeCodex needs its repo
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG locally using @kitschpatrol/tldraw-cli.
SemineChen/yueban-image-to-code
Skill Claude CodeCodex
An image-to-code workflow that turns a selected interface image, screenshot, or design export into code and separate transparent PNG assets. It targets an exact 750-pixel-wide, 1:1 recreation with editable text.
wpgaurav/generateblocks-skills
Skill Claude CodeCodex
Convert Figma designs to GenerateBlocks V2 format for WordPress.
raintree-technology/hig-doctor
Skill Claude CodeCodex
Audit interface source with HIG Doctor when the user asks to scan, lint, review, or remediate Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, or HTML for HIG-aligned interface and accessibility concerns. Do not activate for general design advice without source to audit; use the…
Skill Claude CodeCodex
Public-safe julilaoshi-design workflow for official Pencil MCP execution and the free browser-first julilaoshi-design Web 2.0 editor. Use when a task needs Pencil handshake/canvas edits, .pen execution, screenshot review, or lightweight HTML design-to-web tweaking without redistributing official Pencil or leaking…
Skill Codex
Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI…
Skill Claude Code
A tool for turning written content into designed presentation slides made with HTML, the language used to structure web pages.
Skill Claude CodeCodex
Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.
Skill Claude CodeCodex
Apply visual changes from the Retune overlay to source code. Use this skill when receiving output from retune MCP tools (retunegetformattedchanges, retunegetpendingchanges) OR when the user pastes structured visual change output containing "# Visual Changes", "# Comments", "Prop Changes", "Attribute Changes", "SVG…
Skill Claude CodeCodex
Generate professional UI/UX designs as layered PSD-like outputs with transparent layers. Supports complete 8-phase workflows from requirements to final output. Use when the user asks to create UI/UX designs, generate layered images, produce design mockups with transparent backgrounds, or work with any multi-layer…
Plugin Claude Code
Bundles 2 skills · 227 tokens together
Skills for using Build123D - a Python CAD library for creating parametric 3D models.
Skill Claude CodeCodex
Queries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI.
Skill Claude CodeCodex
Flutter animation using the Cue package. Use for: adding animations, transitions, motion, enter/exit effects, hover effects, scroll animations, toggle animations, page transitions, draggable scrubbing, modal transitions, animated widgets, keyframe animations, spring physics, fade, slide, scale, rotate, blur, clip…
Skill Codex
Use when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including…
Skill Claude CodeCodex
Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design"…
bitrise-io/bitrise-workflow-editor
MCP server Claude CodeCodexCursor +2
One of 2 in .mcp.json
MCP server "bitkit-storybook-mcp", hosted remotely at storybook.services.bitrise.dev, as configured in bitrise-io/bitrise-workflow-editor.
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: