Design plugins

Extracts design tokens, components, and screens from a codebase and builds a structured design system in Pencil (.pen) files.

2 skills

Recolor: audit an app's color usage, then implement a cohesive, accessible, token-based color system grounded in color theory, with contrast ratios computed by a bundled script.

1 skill

Create a 3D spinning coin from any logo image. Removes white, black or any flat-colour background, traces the exact outline for a chrome rim, adds environment reflections. Works with any PNG/JPG logo.

1 skill

Launch-quality motion films in code, with intake questions, style presets, a 3D-capable film runtime and MP4 export.

1 skill

Propane's kit for design and UX teams: design briefs, design systems, UX research synthesis, accessibility, and design handoff.

21 skills. Visual and product design: design systems, UX, brand, typography and accessibility.

48 skills

Design systems, web pages, iOS screens, implementation, improvements and audits for Claude Code and Codex. Shared workflows, local design search, motion, browser capture, DesignLib and Figma.

10 skills · 7 commands · 1 agent · 2 MCP servers

6 skills, 108 palettes, 53 styles, 14 layouts, a 29-rule detector, and one house motion language. The opposite of generic AI slop.

6 skills

Build, review, and migrate UI with the Scale Design System. Bundles the Scale MCP server with skills that make an agent check the catalog before writing markup, read a component's guidance before using it, and verify its own output against the token and accessibility rules.

3 skills · 1 MCP server

设计手法库:只收在真实项目里做出好效果的视觉手法(叠图晕染、手绘风格化),每个手法带效果图、适用场景、工具依赖和完整的风格化 skill

3 skills

UX optimization and UI design tools with accessibility validation and WCAG compliance

2 agents

Create professional SVG logos from descriptions and design specifications. Generates multiple logo variations with different layouts, styles, and concepts.

1 skill

Author, review, or batch-produce hover animations for SVG icons. Eleven gesture families, a seventeen-item failure catalog, the vector-morph correspondence method, and a verification harness that measures instead of eyeballing.

1 skill

Comprehensive Apple Design System — tokens, layouts, components, animations, responsive, dark mode for web and SwiftUI

1 skill

Apple Human Interface Guidelines guidance for design, UI, and UX work on Apple-platform products.

1 skill

Frontend UI design, review, design system, dashboard, mobile, and design brief workflow skills.

1 skill

Draw a new pixel-art animation for Glyph, validate and preview it, and open a pull request

1 skill

Make animated SVG product cards that play inside a GitHub README: the product's real interface redrawn in vectors and running, checked against the <img> sandbox.

1 skill

Canvas-first iteration on HTML mocks under <designRoot> (default `.design/`), element selection via Cmd+Click, auto-managed dev server. Daily verbs: /design:edit /design:new /design:rollback /design:screenshot /design:critic /design:browse /design:handoff /design:help. Setup: /design:init /design:setup-ds /design:setup-docs.

37 skills · 28 commands · 20 agents · hooks

Token-efficient Figma integration with query-based data shaping, image export, design tokens, and adversarial design library extraction. Build production-ready component libraries with exact CSS, assets, HTML mockups, and comprehensive documentation using the Ralph Wiggum quality loop.

28 skills · 4 agents

Evidence-backed UI delivery for coding agents working on existing Web products: declared criteria, criterion-bound artifacts, findings linked to declarations, and repair guidance. Evaluator review does not replace human semantic approval.

9 skills · 8 commands · 1 agent · 2 MCP servers · hooks

Unofficial DGA "Platforms Code" helper — the National Design System of Saudi Arabia as skills and agents. Tokens, 50 component specs, 21 templates, Arabic-first RTL, accessibility and the launch gate, on any UI library. Not affiliated with or endorsed by DGA.

11 skills · 6 agents

Skills for Ideogram image generation: prompting, brand and logo work, characters, moodboards, icons, patterns, custom models and post-processing.

17 skills

Guide, measure, and implement UX best practices: scored usability + accessibility (WCAG 2.2 AA) audits, quantitative UX metrics (Core Web Vitals, SUS), and stack-adaptive scaffolding for design tokens, accessible components, interaction feedback, and UX copy.

10 skills · 5 commands · 1 agent

UX design principles, color theory, typography systems, component library design, and usability heuristics. Comprehensive design guidance for creating exceptional user experiences with Adobe Color-inspired palette creation, type system design, and accessibility-first thinking.

14 skills · 1 agent

Opt-in video for the design plugin (install design first): /design-video:reel cuts a folder of raw clips into a directed reel, /design-video:video-analyze reads a clip's picture and sound, /design-video:to-lottie exports an animation to one .lottie; skills video-comp, footage-director, footage-keyframes, video-generation. The Maude desktop app's AI chat already includes it.

7 skills · 3 commands · 2 agents

Five-phase design thinking process for component design, writing to Figma canvas via MCP

8 skills · 1 MCP server · hooks

UI/UX design document generation with multi-critic refinement loop and WCAG enforcement

1 skill · 8 agents

Design tools for UI/UX, frontend design, and visual assets

6 skills · 1 command · 1 agent

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills