Skills
.Work. You
Rest

design-system-showcase

Community

Create and showcase design systems with real-world artifacts.

Design & Creative#documentation#design system#artifacts#showcase#visual language
Authorwibus-wee
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation and showcasing of design systems, enabling designers and developers to build cohesive, professional-looking packages quickly and easily.

Core Features & Use Cases

  • Build Design System: Automate the construction of design systems from real projects, products, or brands.
  • Documentation Generation: Outputs comprehensive documentation, including tokens, guidelines, and code snippets.
  • Showcase Creation: Develop interactive showcase websites demonstrating the design system's application in real-world scenarios.
  • Use Case: With this Skill, a designer can create a design system for a new product by analyzing the project's existing design artifacts and documentation.

Quick Start

Use the design-system-showcase skill to create a design system from the project 'Cradle App'.

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-showcase
Download link: https://github.com/wibus-wee/cradle-app/archive/main.zip#design-system-showcase

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.