Skills
.Work. You
Rest

wds-7-design-system

Official

Build and maintain design systems faster

Design & Creative#workflow#components#catalog#figma#design-system#design-tokens
AuthorGenEducation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams organize, create, browse, and maintain reusable design system components and tokens without losing consistency as the system grows.

Core Features & Use Cases

  • Create and Extend Components: Add new components, update existing ones, or add variants while keeping shared styling and behavior aligned.
  • Explore and Review: Browse tokens, component relationships, and usage patterns through generated localhost views for easier design system discovery.
  • Figma and Library Workflows: Support custom design systems and component-library-based systems with documentation, references, and visual editing paths.
  • Use Case: A designer can review an existing button family, decide whether a new button should be a variant or a separate component, and then update the catalog and usage tracking accordingly.

Quick Start

Ask the Skill to inspect the design system and help you create, browse, or update components based on the current repository structure.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wds-7-design-system
Download link: https://github.com/GenEducation/GenedUIProject/archive/main.zip#wds-7-design-system

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.