skills.rest
haJ1t
haJ1tCOMMUNITY
Explore all skills by this author →
GitHub

design-system-manager

Generates design tokens and maps across systems for web app development.

Updated May 24, 2026
Search Tags:#theming#design system#migration#token generation#selection
One-click install
npx skills add https://github.com/haJ1t/senior-dev-squad-skills --skill design-system-manager-haj1t
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-system-manager
Source: https://github.com/haJ1t/senior-dev-squad-skills/tree/main/plugins/senior-dev-squad/skills/design-system-manager
Command: npx skills add https://github.com/haJ1t/senior-dev-squad-skills --skill design-system-manager-haj1t

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the complexity of selecting, adopting, and migrating design systems by providing a comprehensive catalog, selection guidelines, theming, token generation, and cross-system mapping capabilities.

Core Features & Use Cases

  • Design System Catalog: Offers a detailed catalog of 72+ open-source design systems, categorized by project type.
  • Selection Guidance: Provides step-by-step guidance for selecting the right design system based on project requirements.
  • Theming and Tokens: Generates design tokens from brand inputs and customizes them for various design systems.
  • Cross-System Mapping: Facilitates seamless migration between different design systems.
  • Use Case: When starting a new web application or re-evaluating the current design system, this Skill helps in making informed decisions and managing the transition process.

Quick Start

Use the design-system-manager skill to scan the design system catalog and select a design system for your project.

Frequently Asked Questions about design-system-manager

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

FAQPage Schema
How do I choose the right design system for a new web application?▼

To choose the right design system, you can scan a catalog of 72+ open-source systems categorized by project type and follow step-by-step selection guidelines based on your specific project requirements.

Can I generate design tokens from my brand inputs for theming?▼

Yes, you can generate design tokens directly from brand inputs and customize them to apply consistent theming across various design systems.

What is the best way to migrate between different design systems?▼

The best way to migrate between different design systems is by using cross-system mapping capabilities that facilitate a seamless transition process while maintaining consistency.

Does this design system catalog support accessibility and performance across platforms?▼

Yes, the catalog and selection guidance apply to web application development to ensure consistency, performance, and accessibility across different platforms.

When do I need cross-system mapping for my design system?▼

You need cross-system mapping when migrating between different design systems or re-evaluating your current system to ensure a seamless and consistent transition process.

Can I use this tool to re-evaluate my current design system?▼

Yes, when re-evaluating your current design system, the tool helps you make informed decisions by providing a comprehensive catalog and selection guidelines tailored to your project.

Related Skills

Explore More Design & Creative Skills→
docaohieu2808docaohieu2808

design

Orchestrate design tasks across brand identity, design tokens, and UI styling.

Community
Advanced
hendrax5hendrax5

phase-5-design-system

Design and implement a platform-agnostic design system with reusable UI components.

Community
Advanced
Ritik-Sharma1Ritik-Sharma1

ui-visual-validator

Validate UI components and pages for design system compliance and accessibility.

Community
Advanced
jwilgerjwilger

atomic-design

Organize UI components into atoms, molecules, organisms, and templates.

Community
Basic