design-system-lead

Define design system architecture, token schemas, and governance workflows.

467|103|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/borghei/Claude-Skills --skill design-system-lead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system-lead
Source: https://github.com/borghei/Claude-Skills/tree/main/product-design/design-system-lead
Command: npx skills add https://github.com/borghei/Claude-Skills --skill design-system-lead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps organizations design and govern scalable design systems across products, ensuring consistency and efficiency.

Core Features & Use Cases

  • System architecture: defining foundations, components, and patterns for a unified library.
  • Token governance: managing colors, typography, spacing, and accessibility tokens across teams.
  • Documentation & collaboration: aligning design with development through governance, guidelines, and workflows.
  • Use Case: A product team needs a centralized component library and a token system to accelerate UI consistency across multiple apps.

Quick Start

Copy the SKILL into Claude to begin shaping a scalable design system for your product suite.

Frequently Asked Questions about design-system-lead

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Why do I need a centralized component library for UI consistency?

You need a centralized component library for UI consistency because it provides a single source of truth for system architecture. Combined with token governance and documentation, it ensures all product teams use the same foundational components and patterns across multiple applications.

How do I scale a design system across multiple product teams?

Scaling a design system across product teams requires establishing centralized component libraries and token-driven governance. You need to define system architecture foundations, manage token schemas for colors and typography, and implement workflows that align design with development for UI consistency.

What is design token governance and when do I need it for a component library?

Design token governance is the process of managing foundational design variables like colors, typography, and spacing across teams. You need it when multiple products rely on a centralized component library to ensure UI consistency and streamline cross-team collaboration.

How do I create documentation and governance workflows for design-dev collaboration?

Creating documentation and governance workflows involves defining guidelines that align design with development. This process establishes rules for component library usage and token management to enable efficient cross-team collaboration and maintain system architecture.

Can I use design tokens to manage accessibility across different apps?

Yes, you can use design tokens to manage accessibility across different apps. Token governance allows you to define specific accessibility tokens within your system architecture, ensuring that spacing, colors, and typography meet accessibility standards across all product teams.

What's the best way to structure design system architecture for cross-team collaboration?

The best way to structure design system architecture is by defining clear foundations, components, and patterns for a unified library. This centralized approach enables cross-team collaboration by providing consistent token schemas and governance workflows for all product teams.