Skills
.Work. You
Rest

extract-saas-design

Community

Document SaaS UI visual systems.

Design & Creative#documentation#design system#tokens#component extraction#visual dna#saas ui
Authoryigitkonur
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the forensic documentation of an existing SaaS dashboard's visual design system, transforming implemented UI into structured design documentation.

Core Features & Use Cases

  • Visual System Extraction: Documents tokens, component specifications, layout patterns, dark mode, and UI behavior.
  • Forensic Documentation: Focuses on recording what exists, not redesigning or rebuilding.
  • Scoped Extraction: Allows for detailed documentation of foundations, specific components, or UI slices.
  • Use Case: A team needs to recreate the look and feel of an existing internal tool in a new codebase. This Skill extracts all design tokens and component specifications, providing precise documentation for accurate recreation.

Quick Start

Use the extract-saas-design skill to document the visual design system of the provided codebase.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: extract-saas-design
Download link: https://github.com/yigitkonur/skills-by-yigitkonur/archive/main.zip#extract-saas-design

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