design-agent-skills

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.

Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.

Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.

SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review.

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.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.

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.

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.

Interactive design exploration environment: conducts design interviews, generates multiple UI variants, and refines designs through structured iterative feedback loops until the direction is confirmed.

Excalidraw diagram generation optimized for coding agents. Produces clean, structured diagrams for system architecture, flow charts, and technical documentation from natural language.

7 official Figma skills for design-to-code and code-to-design workflows. Covers Figma Plugin API scripting, design implementation, library generation, Code Connect component mapping, and design system rules creation.

Audits and fixes ARIA labels, keyboard navigation, focus management, color contrast, and form error handling. Surfaces issues systematically and applies targeted remediations to bring components up to accessibility standards.

Audits and fixes animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Guides developers to smooth, GPU-accelerated animations that avoid jank.

Design engineering principles for making interfaces feel polished and alive. Covers micro-interactions, typography details, visual refinement, and the small decisions that separate "it works" from "it feels right". By Jakub Krehel (Interfere, Interfaces magazine, oklch.fyi).

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.

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.

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.

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.

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

Communicate design’s contribution to user and business outcomes in stakeholder terms. Metrics framework, scorecard / before-after / A-B / portfolio report formats.

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

Define how a design system evolves: ownership models, contribution lifecycle, semantic versioning as a contract, deprecation policy, and quality gates.

Reference-grade information architecture and navigation: organization/labeling/navigation/ search systems, taxonomy depth-vs-breadth, every nav pattern per device, wayfinding, findability.

An emotional-resonance lens for UI that is technically correct but flat. Translates a user’s felt state into specific copy, motion, and interaction changes.

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.

Design search experiences that help users find, recover from failure, and refine. Query input, autocomplete, results, ranking, filtering, zero-results, and analytics.

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.

De-risk product decisions with rigorous UX research. Deep reference guides for survey design, research repository/ops, and usability testing (ISO 9241-grounded), plus JTBD.

Motion and interaction design expert with two modes — build interactive components with purposeful motion, or audit existing animations for AI-slop patterns. Audit emits a branded HTML report with looping CSS demos per finding. Based on Emil Kowalski (restraint), Jakub Krehel (production polish), and Jhey Tompkins (creative experimentation) — lenses weighted to project context. Works with React, Framer Motion, CSS, and HTML.

16 focused product-management skills spanning the full lifecycle: discovery (user interviews, problem validation, JTBD, research synthesis), strategy (competitor analysis, positioning, strategy docs), prioritization (RICE, Shape Up scope-cutting and bet-sizing), evidence-first PRDs, plus launch plans, North Star metrics frameworks, A/B experiment design, and Now/Next/Later roadmaps.

18 go-to-market agent skills that turn a coding agent into a GTM operator: positioning + ICP, AI pricing, sales-motion design, cold outreach, AI SDR, lead enrichment, multi-platform and Product Hunt launches, programmatic SEO, paid creative, retention/expansion, partner programs, and GTM metrics/attribution.

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.

55 production-ready PM skills organized around the Triple Diamond methodology: 26 phase skills (Discover through Iterate), 8 foundation skills (personas, OKRs, lean canvas), 6 utility meta-skills, and 15 Design Sprint and Foundation Sprint methodology skills. Templates, workflows, and sample outputs included.

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.

Generates cross-client HTML email from MJML 4.x — Outlook 2013-365 safe, Gmail-optimized, WCAG 2.1 AA accessible. Triggers automatically when asked to create, compile, or troubleshoot HTML email.

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.

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.

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.

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.

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.