Skills
.Work. You
Rest

design-system-picker

Official

Quickly select the perfect design system for your project.

Design & Creative#design system#style guide#brand identity#UX design#UI design
AuthorTeamWiseFlow
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Finding the right design system for a project can be time-consuming and overwhelming. This Skill helps you quickly identify and select the most suitable design system from a predefined library.

Core Features & Use Cases

  • Design System Selection: Search for design systems based on style keywords and select the best match.
  • Design System Details: Access detailed information about each design system's color palette, typography, and components.
  • Custom Design Systems: Import additional design systems from external sources and include them in the selection process.
  • Use Case: If you are designing a web application and need a consistent visual style, this Skill can help you choose a design system that aligns with your brand and project requirements.

Quick Start

Select a design system using the 'design-system-picker' skill. For example, to find a design system with "tech" in the style, run: ./skills/design-system-picker/scripts/pick.sh "tech"

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: design-system-picker
Download link: https://github.com/TeamWiseFlow/xiaobei/archive/main.zip#design-system-picker

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.