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 Codex
Legacy compatibility entry. Use only when design-in-figma is not installed; otherwise use design-in-figma. Create or update native, editable Figma designs with TemPad Dev MCP: screens, flows, components, and requested local design-system resources, including on an empty canvas. Use when asked to create, mock up, or…
MCP server Claude CodeCodexCursor +2
Generate dynamic Mermaid diagrams and charts with AI assistance. Customize styles and export diagr… Remote server at server.smithery.ai.
Skill Claude CodeCodex
Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.
Skill Claude CodeCodex
Use when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility, perceptual matching, pigment mixing, print-vs-screen color, CSS color syntax, or historical color terminology. Use this skill whenever the…
Skill Claude CodeCodex
Agent-native design system infrastructure. Browse, install, and preview design systems from tinte.dev. Use when user asks about themes, design systems, presets, color palettes, or says "tinte". Works with shadcn/cli v4 presets and registries.
MCP server Claude CodeCodexCursor +2
Add components to your apps. Runs locally from the shadcn npm package.
Skill Claude CodeCodex
Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images. Use when asked to create/modify Figma designs or automate design tasks.
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
Minimalist high-fashion design with editorial serif headlines, ivory and near-black palette, antique gold accents, sharp edges and generous whitespace.
julianoczkowski/designer-skills
Plugin Claude Code
Bundles 8 skills · 464 tokens together
Design-process skills for Claude Code: briefs, information architecture, design tokens, design review, frontend design, and more.
Skill Claude Code
Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames. Uses Figma, Ignite UI CLI, theming, and Playwright MCP servers. WHEN TO USE: implementing a Figma design or artboard in an Ignite UI Angular project. WHEN NOT TO USE: screenshots or…
Skill Claude CodeCodex
Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
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.
Skill Claude CodeCodex
UI/UX design intelligence expert for web and mobile applications. Use when designing interfaces, selecting color palettes, typography, visual styles, building landing pages, dashboards, or reviewing code for UX issues. Covers 50+ design styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types…
Skill Claude CodeCodex
An image-generation tool for adding illustrations to articles, creating slide presentations and infographics, or making cover images and thumbnails. It can also create prompts without generating the images.
Skill Claude CodeCodex
A skill that applies a project's DESIGN.md file as visual and brand guidance for interface work. It covers components, colors, fonts, layout, copy, motion, and visual assets.
Cursor rule Cursor
User request design mode, use this rule to enable design mode for all files.
TingxiYu/academic-figure-skill
Skill Claude CodeCodex
Academic-grade scientific figure creation for Nature/Cell/Science journals. Use when the user asks to create, polish, review, or export scientific figures for manuscript submission. DO NOT trigger for: interactive dashboards (Plotly/Bokeh/Altair), exploratory data analysis without publication intent, math function…
Skill Claude CodeCodex
Build iOS apps with the ChunUI design system (Monochrome texture extracted from the production app Zinner/Chat0IM). Use when integrating ChunUI via SPM, theming with CCColors, using CC components (buttons/forms/cards/sheet/toast/alert/skeleton), Metal effects (aurora/fractal/generating/sweep), motion primitives…
esthersjw/esther-design-system
Skill Claude CodeCodex
A design-system guide with a seven-step workflow, including clarifying requirements, reading the rules, copying templates, and choosing layout combinations. A design system is a shared set of interface rules and reusable parts.
Skill Claude CodeCodex
A skill for making interface mockups and turning generated interface screenshots into HTML/CSS or WeChat Mini Program WXML/WXSS. It can use image-generation providers for visual work.
JCarterJohnson/vibecoded-design-tells
Skill Claude CodeCodex
Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default shadcn/Tailwind, AI-purple gradients, gradient heading text, unprompted neon glow, emoji-as-icons, the…
Skill Claude CodeCodex
Draw architecture, data-flow, class and dependency diagrams as SVG with the drawing CLI (drawing.sh, npm package @dxos/drawing). You write a short text file saying which boxes exist and how they relate; the CLI places the boxes on a grid, routes every arrow, reports crossings and bends, and writes an SVG. Use when…
Plugin Claude Code
Official marketplace for Web Asset Generator - A Claude Code plugin for generating favicons, app icons, and social media images.
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: