A pile of frontend code can hide a beautiful design system. Instead of guessing or running the app, you can now extract every style detail directly from the source files. This tool reads your code from React, Vue, Svelte, Angular, or plain CSS and creates a full DESIGN.md document.
It works on any project that you can't build or render. Just point it at the source folder. It scans components, stylesheets, Tailwind configs, and theme tokens to capture colors, typography, spacing, and layout principles. No build dependencies are needed.
Use this skill to reverse-engineer a visual language, audit your project's styling, or understand what an app looks like without running a single command.
Global
mkdir -p ~/.claude/skills/stitchextract-design-mdProject
mkdir -p .claude/skills/stitchextract-design-mdSource Repository
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready