podo

Two-mode Figma design system skill — Inspect mode (read-only WCAG audit, component scoring, handoff docs) and Build mode (six-phase creation with variable bindings, slots, descriptions), with optional sync to tokens.css + AI rules.

Design skills derived from seminal books including Refactoring UI, The Design of Everyday Things, Inspired (Marty Cagan), JTBD, Hook Model, Design Sprint, and Lean UX. Available as individual skills (refactoring-ui, design-everyday-things, microinteractions, lean-ux, design-sprint).

Generate low-fidelity wireframes for UI layouts, user flows, and screen architecture. Focuses on structure and content hierarchy before visual design decisions are made.

Generates wireframes from natural language descriptions, outputting machine-readable JSON (.wireframe.json) and interactive HTML with drag-and-drop reordering and undo/redo. Requires only Python 3 and a browser — no design tool accounts needed.

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

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+.

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.

Turns WCAG 2.2 into practical guidance for web design, frontend implementation, content review, accessibility QA, remediation planning, and conformance documentation. Different focus from wcag-audit-patterns — covers the full WCAG guidance workflow from design through documentation.

4 official Vercel skills for web design guidelines, component building, React performance, and composition patterns. Enforces 100+ Web Interface Guidelines and accessible, composable component APIs.

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.

19-skill plugin suite covering cognitive psychology UX, Nielsen heuristics, UX research methods, interaction/motion design, accessibility/inclusive design, mobile UX, desktop app design, cross-cultural i18n UX, agentic AI/generative UX, ambient/zero UI, and spatial/voice UX. 310K+ words incorporating iOS 26 Liquid Glass and WCAG 3.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.

End-to-end user research assistant — qualitative and quantitative. Covers the full research lifecycle: study planning, discussion guide creation, AI-moderated interviews (real or synthetic via Cookiy), survey design and distribution, transcript synthesis, thematic analysis, and research report generation. 141 ★.

50+ design styles, 97 color palettes, and 9 technology stack templates (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Installs as a Claude plugin via .claude-plugin format.

The deepest design engineering skill in the ecosystem. 23 domain references, 18 slash commands, 3 style variants, and a standalone anti-slop CLI detector with 33 rules. Covers premium UI taste, component patterns, and opinionated design-engineering workflows.

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.

Three.js combined with Entity Component Systems (ECS) and TypeScript, adding structured game and interactive architecture patterns on top of Three.js rendering for complex interactive scenes with many independent objects.

24 deterministic Three.js skills covering WebGL, WebGPU, React Three Fiber, Drei, physics, and IFC (architecture/BIM workflows). Built by the Open AEC Foundation for architecture and engineering workflows on top of 3D web rendering.

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.

High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density. Prevents generic AI UI slop through metric-based rules, strict component architecture, and premium design engineering directives.

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.

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.

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.

AI-swarm verified SwiftUI skills for iOS 26 Liquid Glass, animations, and UI patterns. Verified against WWDC 2025 docs and Xcode 26.3, current through iOS 26.4 RC. Different from swiftui-patterns which focuses on general SwiftUI best practices.

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.

Design engine that teaches agents design judgment, not just data. Ships 69 brand-agnostic rules, 48 React components, 13 slash commands (/ss-tokens, /ss-component, /ss-audit, /ss-a11y, and more), and 60+ interchangeable brand skins (Toss, Stripe, Linear, Vercel, Notion, Raycast, Arc…). Tailwind v4 + Radix UI. Works with Claude Code and Cursor.

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.

Official Software Mansion React Native production patterns: animations, gestures, SVG/charts/illustrations, on-device AI, rich text, multithreading, audio, and JSI. Fine-tuned for Opus 4.6+. The authoritative source for React Native best practices from the team behind Reanimated and Gesture Handler.

40+ agent skills in one package: mermaid-diagrams, excalidraw, draw-io, c4-architecture, design-system-starter, marp-slide, database-schema-designer, and more. The most comprehensive multi-skill toolkit available.

Official Slidev skill from the Slidev team — helps agents understand and generate developer-focused technical presentations using Slidev's Markdown format with Vue components, code highlighting, and animations.

AI-powered mobile app design integrated with the Sleek platform — design screens, create projects, and manage assets via natural language. Requires a Sleek Pro account and API key.

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).

GLSL shader development: ray marching, fluid simulation, particle systems, and procedural generation. Official MiniMax skill for creating real-time visual effects in WebGL and creative coding contexts.

Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns. Understands the local component registry and avoids common shadcn anti-patterns during implementation.

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.

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

Generates professional Reveal.js presentations with themed designs, multi-column layouts, Chart.js data visualization, speaker notes, staggered animations, and PDF export. No build step required — outputs standalone HTML files.

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.

Detects regressions in security, performance, correctness, and architecture across React codebases using score-based quality checks. Surfaces issues with severity ratings and actionable remediation steps for each finding.

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.

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.

300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Covers iOS, Android, macOS, and web accessibility platform conventions in one unified skill package.

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.

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.

Production pipeline for interactive and generative visual art using p5.js. Covers 2D/3D rendering, noise and particle systems, flow fields, GLSL shaders, pixel manipulation, kinetic typography, WebGL, and audio-reactive visuals. 10 reference files from NousResearch's Hermes agent.

9 official OpenAI skills: 6 Figma design skills (mirroring the Figma official suite), frontend design for landing pages and apps, PowerPoint slide creation with PptxGenJS, and image generation using the OpenAI Image API.

Open-source local-first alternative to Claude Design with 31 design skills (web prototypes, SaaS landing pages, dashboards, mobile onboarding, gamified apps, email, social carousels, poster design, motion frames, sprite animation) and 71 brand-grade design systems. Runs as a daemon plus web UI or desktop app.

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.

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.

AI-powered PowerPoint generation with document analysis and styled image generation. Analyzes input documents, structures content into slides, and generates matching visual assets. Requires API credentials for image generation features.

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.

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.

Professional mobile app UI design skill focused on creating intentional, smooth, personal, and alive interfaces modeled on patterns from top-tier apps.

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.

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.

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.

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.

Marp presentation skill with 22 curated example decks, SVG charts, dashboard components, and dark/light themes. Teaches slide composition and visual quality patterns for Markdown-based presentations rendered with the Marp framework.

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.

14 visualization skills across 5 rendering engines: Vega-Lite, PlantUML, JSON Canvas, HTML/CSS, and Infographic templates. The most complete data visualization and diagram collection — charts, UML, cloud architecture, network diagrams, mind maps, and 70+ infographic templates.

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).

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.

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.

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.

86 PM and product design skills from Lenny Rachitsky's framework. Covers user research, behavioral product design, designing surveys, conducting interviews, running design reviews, user onboarding, growth loops, design systems, and writing specs. 945 stars.

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.

Specialised for dashboards, admin panels, and SaaS applications where information density is high. Applies craft and consistency principles to produce interfaces that are both functional and visually coherent.

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.

Ink-style visual design skill for Claude artifacts. Applies a distinctive editorial aesthetic — high contrast, strong typographic voice, restrained color — to artifact output from Google Labs.

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

Design fluency for frontend development. 1 skill with 23 slash commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.), curated anti-pattern detection CLI, and runtime node scripts. Covers UI design, redesign, critique, accessibility, motion, theming, typography, and component craft across websites, dashboards, and apps.

"Write HTML. Render video." — 11 skills for composition authoring, TTS/transcription, CLI workflow, asset registry, URL capture, and GSAP/Anime.js/CSS/Lottie/Three.js/WAAPI animation. Built specifically for AI coding agents. Requires HeyGen account for media generation.

Scores and rewrites text to remove AI writing patterns. Rates content across 7 dimensions — AI vocabulary, content inflation, grammar patterns, UX copy quality, structural tells, punctuation, and meta-content — each on a 1–10 scale. Works with raw text, Figma URLs, and UI screenshots. Based on Wikipedia's Signs of AI Writing field guide.

HTML-native design skill producing magazine-grade typography, precise CSS Grid, animated prototypes with 20 design philosophies, 5-dimension self-review, and MP4 export. Agent-agnostic and works without external component libraries.

Diagnose Apple HIG compliance issues with targeted guidance and fixes. 14 specialized skills covering HIG component categories — identifies non-compliant patterns and provides specific remediation steps.

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.

Generate structured PowerPoint presentations from content or outlines. Produces clean .pptx files with consistent slide layouts, proper hierarchy, and presenter-ready formatting.

Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.

6 official Google Stitch skills for the complete design-to-code pipeline: DESIGN.md management, prompt enhancement, React component generation, shadcn/ui components, and iterative Stitch feedback loops.

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.

41 workflow recipes for AI media generation covering Midjourney v7, Flux Kontext, Kling 3.0, Veo3, Seedance 2.0, and 100+ models. Covers image generation, video creation, audio (Suno), and social media content. Requires a muapi account and muapi-cli.

Create animation-rich HTML presentations from scratch or convert PPT/PPTX into polished web slides. Produces self-contained HTML files with smooth transitions, custom layouts, and presenter-friendly controls.

8 aesthetic anchors (Brutalist, Nordic, Cyberpunk, Vaporwave, Organic, Luxury, Editorial, Industrial), each locking palette, typography, and texture to specific CSS tokens. Pick one per brief and the skill generates matching code.

Six dedicated Framer Motion skills: core animation, React/Next.js integration, variants and orchestration, scroll animations, gestures (drag/tap/hover), and layout/shared transitions.

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.

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.

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.

Guides creation of a W3C-compliant token system via questionnaire, generates a structured ZIP of JSON token files organized by collection tier (Primitives, Semantic, Component), plus a Figma plugin that imports them maintaining dependency order.

Connects to Figma API, discovers Community resources matching the project, extracts design tokens, and generates framework-specific code for 7 frameworks.

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.

Domain navigator for Figma, design-to-code, design tokens, and official platform skill suites. Routes to the right skill for working between design tools and code, managing design systems, or using official platform skills (Anthropic, Vercel, Expo, Software Mansion, Callstack).

2 official fal.ai skills: image/video generation using fal.ai AI models, and 3D model generation from text or images. Requires a fal.ai API key.

Reverse-engineers design tokens (colors, typography, spacing, border radius, shadows) from any public website and generates tokens.json and tokens.css for local projects. Available as agent skill and standalone CLI. Different from extract-design-md (which is Stitch/DESIGN.md focused).

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.

Official Expo skills for working with Expo projects and Expo Application Services (EAS). Fine-tuned for Opus models by the Expo team. Covers the Expo SDK, EAS Build, EAS Submit, and Expo Router.

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.

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

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.

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.

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.

Senior Product Manager agent with 30+ PM frameworks and SaaS metrics. Covers discovery, prioritization, roadmapping, stakeholder communication, and product analytics for B2B and consumer products.

91 skills, 9 plugins, and 28 commands across a comprehensive designer toolkit: design-research (12 skills), design-systems (11), ux-strategy (11), ui-design (14), interaction-design (15), prototyping-testing (8), design-ops (9), designer-toolkit (7), and visual-critique (4). Built by Marie Claire Dean.

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.

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.

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

Deeply researches a codebase, designs a feature through iterative brainstorming and annotation cycles, then decomposes it into an implementable issue hierarchy (parent + sub-issues with dependencies) on GitHub or GitLab. Hard gates between phases ensure research happens before design, and design is complete before implementation. Each sub-issue is scoped to require zero creative decisions.

Designer Who Codes: visual audit followed by atomic commits fixing each issue. Garry Tan's design review skill — treats UI like code, identifies and fixes design debt systematically.

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

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.

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

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

Implement designs as production-ready HTML/CSS with pixel-level fidelity. Garry Tan's design-html skill — translates mockups, Figma specs, or design descriptions into clean, semantic, accessible HTML output.

Two-mode plugin: CHECKER audits designs across seven categories (purpose, typography, proportions, composition, visual hierarchy, color, SEO); APPLIER guides six-phase creation from foundation through technical implementation.

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.

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

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.

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.

Generate structured design briefs from loose requirements and product context. Turns vague ideas into actionable design specs: goals, constraints, audience, success metrics, and scope boundaries.

Audits designs across 19 professional categories including typography, color/contrast, spacing, visual hierarchy, consistency, WCAG, forms, motion, dark mode, responsive, loading/empty/error states, microcopy, i18n/RTL, elevation, iconography, navigation, design tokens, ethical design/dark patterns, and Nielsen heuristics. Scores 0-100 with severity-ranked issues.

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.

Data visualization engineer agent using D3.js, Chart.js, Matplotlib, and Plotly. Applies Cleveland-McGill perceptual hierarchy, WCAG AA contrast, and colorblind-safe palettes. Selects the right chart type for the data relationship.

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.

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.

Create sophisticated data visualizations with D3.js: bar charts, line graphs, scatter plots, interactive visualizations with proper data binding, scales, axes, and animations. Handles real datasets with transformations and transitions.

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.

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.

3 CRO (conversion rate optimization) skills by Corey Haines: optimize post-signup onboarding and activation, improve conversion rates on marketing pages, and optimize signup and trial activation flows.

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.

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.

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.

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.

286K words of color science applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.

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.

Three.js skills for creating interactive 3D elements and experiences on the web. Covers scene setup, geometries, materials, lighting, cameras, animations, and WebGL rendering 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.

Four-skill enforcement layer for design system compliance in Figma: ensures components are instances of master components, and colors/fonts/spacing/radii bind to Figma variables and styles. Every canvas write is auto-verified for token compliance.

Generates 5 UX design approaches as interactive prototypes — 1 safe design-system extension and 4 exploratory variants — starting as B&W wireframes then producing color variants via parallel agents. Scans codebase on first run to build persistent design context.

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.

D3.js data visualization skill based on Edward Tufte principles. Selects the right chart type from 80+ options by analyzing the data question, then generates single-file HTML with D3 v7, dark theme, responsive layout, direct labels, and annotations.

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.

Claude Code plugin for creating developer-focused technical presentations (tech talks, conference content) using Slidev with evidence-based design guardrails for slide quality. Adds opinionated constraints on top of raw Slidev for presentation polish.

Official Callstack React Native skills covering best practices (profiling, FPS, re-renders, Turbo Modules), GitHub PR workflows, GitHub Actions build artifacts, React Native upgrading templates, and brownfield migration strategy.

Fetches exact design tokens (colors, type weights, letter-spacing) for 62 world-class brands including Stripe, Linear, Apple, Figma, Notion, and Nike at runtime, then applies them to your project.

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.

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.

Registry of 67 visual aesthetic and style skills for Claude Code, Cursor, Codex, and other agents. Each skill ships as SKILL.md + DESIGN.md covering tokens, components, accessibility, tone, and quality gates for a specific design aesthetic — glassmorphism, brutalism, claymorphism, neumorphism, editorial, bento, retro, riso, and 59 more. Distributed via the TypeUI CLI.

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.

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.

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.

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.

Emil Kowalski-inspired animation patterns for Next.js/React with 8 working examples: hover effects, toast notifications, text reveals, and modals. Emphasises motion that feels inevitable and purposeful.

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.

Create generative art using p5.js with seeded randomness, flow fields, and particle systems. Official Anthropic skill for procedural visual art generation in Claude artifacts.

Maps 15 AI tools to design scenarios — Midjourney for ideation, Stable Diffusion for production, ControlNet for composition control, vectorization pipelines, and mockup generation. Includes a 2025-2026 AI Creative Director competency roadmap.

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.

Domain navigator for accessibility, WCAG compliance, performance auditing, and code quality skills. Routes to the right skill for a11y remediation, WCAG 2.2 audits, Core Web Vitals, React quality, and motion performance.

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.