AI Skills for Design System Lead

Discover 54+ AI skills for design system leads

Install any skill with /learn

/learn @owner/skill-name

wshobson / design-system-patterns

0

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

plugin designfigmaadobe-creativefrontenddesign +5

wshobson / visual-design-foundations

0

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

plugin designfigmaadobe-creativefrontenddesign

openclaw / figma

0

Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and rep...

designfigmafrontenddesign +2

openclaw / figma

0

Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and rep...

designfigmafrontenddesign +2

openclaw / ux-audit

0

AI skill for automated design audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.

designfigmaadobe-creativefrontenddesign +1

openclaw / CAD Agent

0

> Give your AI agent eyes for CAD work.

productdockerfrontenddesign +1

majiayu000 / brainstorming

0

Use this skill before any creative or constructive work (features, components, architecture, behavior changes, or functionality). This skill transforms vague ideas into validated designs through disciplined, incremental reasoning and collaboration.

productfrontenddesign

majiayu000 / ui-ux-designer

0

Create interface designs, wireframes, and design systems. Masters

designfigmaadobe-creativefrontenddesign +6

majiayu000 / brainstorming

0

Use this skill before any creative or constructive work (features, components, architecture, behavior changes, or functionality). This skill transforms vague ideas into validated designs through disciplined, incremental reasoning and collaboration.

productfrontenddesign

majiayu000 / canvas-edit

0

Live Annotation Feedback Toolbar that overlays design review findings directly on web pages. Displays numbered badges on elements with issues, severity indicators, filtering, and screenshot capture. Integrates with design-review for real-time issue display. Triggers on "show annotations", "displa...

claudedesignplaywrightfrontenddesign +2

majiayu000 / compliance-dashboard

0

Real-time compliance tracking for Northcote Curio design system. Monitors

designfrontenddesign

majiayu000 / concept-critic

0

Rigorously critique concept designs through intellectual scrutiny. This skill should be used when validating concept definitions, reviewing concept quality, identifying design flaws, or evaluating whether something qualifies as a true concept. Applies demanding standards from Daniel Jackson's met...

productfrontenddesign +2

majiayu000 / dark-mode-design-expert

0

Master dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes in weather/sky/ocean-inspired color systems that adapt to time of day and environmental conditions.

designfrontenddesign +2

majiayu000 / design-archive

0

Archive outdated design documentation. Use when design docs are no longer relevant, have been superseded, or document deprecated features.

claudedesignfrontenddesign

majiayu000 / design-archivist

0

Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction design across any domain (portfolios, e-commerce, SaaS, adult content, technical showcases). This skill ...

designfrontenddesign

majiayu000 / design-audit

0

Comprehensive health audit for design documentation. Use when performing thorough quality checks, preparing for releases, or ensuring documentation compliance.

designfrontenddesign

majiayu000 / design-brief-generator

0

Generate comprehensive design briefs for design projects. Use this skill when designers ask to "create a design brief", "structure a design project", "define design requirements", or need help planning design work.

designfrontenddesign

majiayu000 / design-brief

0

Creates contextual design briefs before any visual work begins. Establishes product purpose, user specificity, design principles, and anti-goals. Prevents generic "template" design by requiring specific context.

designfrontenddesign

majiayu000 / design-concepts

0

Creates conceptual designs that illustrate design strategy and approach. Leverages research insights and design briefs to develop UI concepts, mood boards, and interactive prototypes. Translates strategic direction into visual design explorations that communicate intent and gather feedback.

claudevscodedesignfrontenddesign +5

majiayu000 / design-config

0

Manage design documentation system configuration. Use when initializing the system, adding modules, or updating quality standards.

claudedesigngithubfrontenddesign +3