Design Agent Skills

Apple Human Interface Guidelines as 14 agent skills covering iOS, macOS, visionOS, watchOS, and tvOS. From raintree-technology, makers of the Apple HIG compliance website.

Production-grade skills for product thinking, discovery, prioritization, and launch decisions. Covers the full PM lifecycle with a different author and focus than other PM skill packages in the catalogue.

Define what content a product needs, how it is structured, and who owns it. Content audit, content model, voice and tone, governance, and content hierarchy.

Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.

Structures and organizes Storybook files for scalability using battle-tested patterns from Cassondra Roberts' "A Storybook format that scales with you". Covers story definitions, template composition, controls/args, visual regression with Chromatic, component documentation, and CSF conventions. Activates on any Storybook question — file structure, controls, args, or component documentation.

Implements Google Material Design 3 (Material You) — adaptive color, tonal surfaces, dynamic theming, spring-based motion, and 30+ components for Jetpack Compose (primary) and Flutter (secondary). Includes token system, layout scaffolds, responsive window size classes, accessibility, and a 10-category MD3 compliance audit.

2 official Microsoft skills: frontend design review for distinctive interfaces, and dark-themed React with Tailwind and animations. Both target production-quality UI with strong visual identity.

Domain navigator for motion, animation, 3D, and generative media skills. Routes to the right skill for GSAP, Framer Motion, Three.js, Lottie, shaders, generative art, video, and AI media generation.

Elite UX agency skill for user journey mapping with emotional tracking. Includes Playwright testing (happy path, cognitive walkthrough, accessibility, synthetic user), 50+ UX patterns, 7 synthetic personas, Nielsen heuristics scoring, and anti-generic-AI guardrails.

3 skills from Nimbalyst IDE: Excalidraw diagrams with MCP tool support, UI wireframe mockups alongside architecture diagrams, and data model design. Uses a custom skill registry at nimbalyst.com/skills.

PM Skills Marketplace — 65 product-management skills and 36 chained workflows across 8 plugins: product discovery, product strategy, execution (PRDs, OKRs, roadmaps, sprints, retros, release notes), market research, data analytics (SQL, cohort analysis, A/B testing), go-to-market, marketing & growth, and a PM toolkit. Encodes proven frameworks for discovery → strategy → execution → launch → growth.

B2B SaaS product positioning, messaging hierarchy, and differentiation advisor. Applies Dunford, JTBD, Raskin, and Lochhead frameworks to produce positioning docs, messaging matrices, competitive framing, and strategic narratives.

Best practices for SwiftUI views and components covering tab architecture, screen composition, and reusable view patterns. Ensures SwiftUI code follows idiomatic structure for maintainable, scalable Apple platform apps.

Designs clean, professional terminal UIs and CLIs across four ecosystems: Go (Bubble Tea/ Lipgloss), Rust (Ratatui), Python (Textual), and TypeScript (Ink). Covers layout patterns, color systems, keybinding conventions, and framework-specific design patterns.

Systematic UX writing for digital products — applies four quality standards (Purposeful, Concise, Conversational, Clear) to all interface copy. Covers microcopy patterns for buttons, error messages, empty states, form labels, notifications, tooltips, and onboarding. Includes accessibility writing guidelines, voice/tone framework, and before/after examples. v1.6.0.

Adds Animate.css (v4.1.1) animations to HTML, React/JSX, and WordPress PHP templates. Includes scroll-trigger via Intersection Observer, RTL directional flipping, and prefers-reduced-motion compliance.

6 official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF, professional theme application, brand guidelines, and PowerPoint creation.

Domain navigator for presentations, diagrams, wireframes, data visualization, design review, product strategy, copywriting, UX writing, content design, and design research skills. Routes to the right skill for slides, charts, UX strategy, PM frameworks, email, microcopy, product copy, user research, and design sprints.

Copywriting toolkit for product and web — persuasion-driven copy for landing pages, feature pages, pricing pages, email sequences, and CTAs. Ships 5 skills: core copywriting, SEO copywriting, social copywriting (LinkedIn + X), French- native copy, and a tone-of-voice generator. Built-in anti-AI-pattern layer. Works with Claude Code, Cursor, and Windsurf.

Senior Creative Director skill with 20+ ideation methodologies (SIT, TRIZ, SCAMPER, Bisociation, Synectics) and a 3-axis evaluation framework calibrated against Cannes Lions, D&AD, and HumanKind award standards.

Identify, categorize, and prioritize accumulated design inconsistencies and structural problems. Debt taxonomy, audit process, Severity×Frequency/Effort scoring, debt register.

Extract Google Stitch design specifications into DESIGN.md format. Creates a structured design document from Stitch output that can be version-controlled, shared with the team, and used to guide future iterations.

Comprehensive mobile app UI/UX design skill covering iOS HIG, Android Material 3, accessibility standards, React Native best practices, touch targets, thumb zones, and adaptive patterns. 26,000+ words of detailed documentation.

Generate professional service blueprints (NN/g, GDS, Practical Service Design): the five swim lanes, lines of interaction/visibility/internal-interaction, plus a JSON schema and render pipeline.

AI design agent for infinite-canvas ideation inside the IDE — searches design prompts, extracts brand guides, creates projects, and iterates on design drafts. Works via the @superdesign/cli package which must be installed globally first.

Deep-dive Textual (Python) TUI skill — 40+ widgets, layout systems, TCSS styling, reactive programming, background workers, multi-screen navigation, modal dialogs, and testing via Pilot API. Covers 10 common pitfalls and thread-safety rules for async/worker patterns. v1.0.0.

Synthesizes guidance from 19 authoritative UX sources including Nielsen Norman Group and Laws of UX, with 2026 modern best practices. Covers interaction patterns, cognitive load reduction, visual design, usability principles, and platform conventions.

6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.

22-skill package across 5 bundles covering Three.js, GSAP ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js, A-Frame, PixiJS, Locomotive Scroll, Barba.js, React Spring, Magic UI, AOS, Anime.js, Lottie, Rive, Spline, and Blender pipeline. The broadest motion/creative suite available.

Build interactive Claude artifacts with Composio tools. Connects artifacts to real external services (GitHub, Slack, Linear, Notion) via Composio's 250+ tool integrations. Requires a Composio account and API key.

Audits codebases and product copy for deceptive dark patterns inferable from local source code and text — no runtime inspection or screenshots needed. Produces a structured narrative report with confidence grading, source locations, concise reasoning, and official pattern reference links for each detected pattern. Covers pricing, subscriptions, consent, modals, preselected controls, misleading CTAs, and more.

Advocate for design quality, scope, and time with cross-functional partners using evidence and shared goals — not taste or authority.

Deterministic design-system audit plus a full set of design specialists as slash commands. `npx dwic-audit` scans a project across 8 categories (color, typography, spacing, accessibility, forms, navigation, motion, copy) using WCAG contrast math and token parsing — no LLM, no token, nothing leaves the machine — then routes each finding to the specialist that fixes it. Specialists cover visual hierarchy, interaction design, design system architecture, typography, color, spacing, motion, forms, navigation, dashboards, mobile, landing pages, auth UX, healthcare UX, b2b SaaS, e-commerce, dark mode, error handling, onboarding, and data viz. No runtime dependencies, pure markdown.

Emil Kowalski's entire design engineering philosophy as a skill. Creator of Sonner (13M+ weekly npm downloads), Vaul, and animations.dev. Covers animation decision framework, custom easing curves, component interaction principles, and typography rules.

Generate beautiful Excalidraw diagrams from natural language. Diagrams that "argue visually" — built-in Playwright visual validation loop, brand-customizable palette, and 3.2k+ GitHub stars. By coleam00.

Searches 1,923 enriched Google Fonts with personality/mood tags, suggests 73 proven pairings, generates CSS custom properties + Tailwind config + embed links, offers 8 modular scales, and 100 pre-made typography showcases. Runs as MCP server or Claude plugin.

Interaction design (IxD) principles and frameworks for digital product work. Covers interaction flows, component state design (hover/focus/error/loading/empty), micro-interactions, affordances, feedback mechanisms, mental models, task flows, gesture design, response time guidelines, and handoff annotations. Grounded in 6 Norman principles and 19 Tognazzini principles. v1.0.0.

Deep knowledge of Apple's Liquid Glass design system (iOS 26+/macOS 26+): .glassEffect() modifier, .buttonStyle(.glass), GlassEffectContainer, platform-specific implementations, migration from existing apps, and common pitfalls with tested solutions.

Analyzes and improves Marp Markdown presentations using SlideGauge quality scoring — detects overflow, contrast issues, text density, and structural problems before rendering. Use as a companion to marp-slides, run after slide creation.

Senior Designer review that rates UI across multiple dimensions (0–10) with AI Slop detection. Garry Tan's structured design critique — scores layout, hierarchy, typography, color, consistency, and flags generic AI patterns.

7 professional chart and visualization skills powered by Ant Group's AntV ecosystem. 26+ chart types, 98.2% accuracy on test cases. Covers charts, infographics, graphs, tables, icons, and narrative reports.

Produces distinctive, production-grade frontend interfaces with high design quality and a strong point of view. Actively avoids generic AI-generated aesthetics in favour of considered, original UI decisions.

Audit Core Web Vitals and render-blocking resources. Official Cloudflare skill for identifying and fixing LCP, INP, CLS, TTFB issues with Cloudflare-specific optimization strategies.

Four-phase workflow — scrapes your live app's design language, interviews you about what to animate, produces a brief and self-contained HTML/CSS animation file, then iterates. Requires Claude-in-Chrome MCP for live scraping.

Multi-expert parallel analysis workflow that selects 3-5 domain expert subagents to analyze datasets in parallel, synthesizes findings into interactive HTML reports with charts, and exports to PowerPoint one-click. Requires Python packages: pandas, openpyxl, tabulate, chardet.

Build a complete design system from scratch. Garry Tan's design consultation skill: systematic approach to establishing visual language, component library, spacing scale, and design tokens from first principles.

Expert in the W3C DTCG token specification — token structure, color spaces (sRGB, Display P3, OKLCH), references/aliasing, theme resolvers, and tools (jq, JSONata, Terrazzo, Figma exports). The authoritative skill for design token architecture.

Generate hand-drawn Excalidraw diagrams from a text prompt. Produces animated SVG, a hosted edit link, and PNG export. Lightweight alternative to excalidraw-diagram with a focus on quick ideation sketches.

Design interfaces that survive translation, RTL scripts, and cultural difference. Per-language text-expansion table, full RTL mirroring rules, non-Latin typography, logical CSS properties, and cultural color/icon traps.

Conducts a brand interview, proposes 3-5 distinct SVG logo concepts, refines the chosen direction, and exports PNGs at 16px-2048px. Requires resvg, Inkscape, or librsvg for PNG export.

Six UX/UI audit skills: ux-audit-rethink (7 UX factors), nielsen-heuristics-audit, wcag-accessibility-audit (POUR framework), don-norman-principles-audit, cognitive-walkthrough, and ui-design-review. Each skill is a structured audit methodology.

Official LottieFiles motion design principles — timing curves, easing, choreography, Disney's 12 principles adapted for UI. Implementation-agnostic: works with CSS, GSAP, Framer Motion, Lottie. Supports 40+ agents.

140+ skill collection with a full design suite: Vision (creative direction), Muse (design tokens/dark mode), Frame (Figma-to-code bridge), Pixel (pixel-accurate HTML/CSS), Echo (persona-driven UI validation), Prose (microcopy/UX writing), Ink (SVG icons), Dot (pixel art), Clay (3D model generation), Sketch (AI image generation).

Apply design taste and aesthetic judgment to Google Stitch UI output. Elevates AI-generated Stitch interfaces beyond generic defaults with opinionated visual choices, spacing, and typographic refinement.

Runs WCAG 2.2 audits combining automated testing, manual verification steps, and prioritised remediation guidance. Covers perceivability, operability, understandability, and robustness criteria across web interfaces.

WebGPU-enabled Three.js skill covering TSL (Three.js Shading Language), node-based materials, GPU compute shaders, post-processing effects, and WGSL integration. Ships in dual format for Claude Code and Cursor, aligned with Three.js r183+.

Animates static SVG logos into Lottie JSON format, then renders them as animated GIFs and MP4s. Specialised for logo animation workflows.

Twenty-five specialist accessibility agents enforcing WCAG 2.2 AA compliance: nine web code specialists, six document accessibility specialists (Office/PDF), and markdown auditors. Each agent focuses on a specific accessibility domain.

9 product management skills using canonical frameworks: NNGroup customer journey maps, Lean UX Canvas, Teresa Torres opportunity-solution trees, proto-personas, 6-frame storyboards, user stories with acceptance criteria, user story mapping, full discovery cycle, and structured PRD process.

Generates distinctive interfaces using four themed design systems — Cyberpunk, Brutalist, Vaporwave, and Nordic Minimalism — with pre-configured typography pairings, color systems, and staggered animations. Single skill: distinctive-frontend.