Skills
.Work. You
Rest

design-system-extraction-cowork-wrapup

Community

Document and compare design system outputs after cowork sessions

Design & Creative#documentation#collaboration#design system#design audit#visual comparison
AuthorAndrejKiri
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill facilitates post-session documentation by recording friction points, analyzing differences between output and reference design systems, and generating visual comparison tools.

Core Features & Use Cases

  • Friction Point Documentation: Automatically logs encountered issues and proposed fixes during the cowork process.
  • Design Comparison Analysis: Compares the generated design system documentation against a reference site, highlighting discrepancies.
  • Visual Side-by-Side HTML Generation: Creates a self-contained HTML viewer for pixel-perfect comparison of two design system versions.
  • Use Case: After receiving a design handoff zip, engineers can run this Skill to systematically identify gaps, report inconsistencies, and prepare visual comparison dashboards for review.

Quick Start

Provide the project folder containing the handoff zip, run identifier, and optional reference URL to generate all documentation and comparison artifacts.

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-extraction-cowork-wrapup
Download link: https://github.com/AndrejKiri/prometheus-design-system/archive/main.zip#design-system-extraction-cowork-wrapup

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.