Skills
.Work. You
Rest

skillui-workflow

Community

Extract design systems, generate guidance.

Design & Creative#design-tokens#design-systems#token-generation#local-projects#skillui#reference-extraction
AuthorLutimi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This SkillUI workflow automates the extraction of design systems from references (live sites, repos, or local directories) and translates them into reusable guidance for local projects.

Core Features & Use Cases

  • Pick a target source: live website, local project, or git repository, and run SkillUI to extract a design system.
  • Output is saved under ./design-systems/<reference-name> with artifacts like DESIGN.md, SKILL.md, tokens/.json, and references/.md.
  • Use cases include turning design tokens and components into reusable assets for teams and future projects.

Quick Start

Run SkillUI to extract a design system from a target URL or local directory and save the results to ./design-systems/<reference-name>.

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: skillui-workflow
Download link: https://github.com/Lutimi/claude2figma/archive/main.zip#skillui-workflow

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 471,000+ vetted skills library on demand.