Stitchcode To Design
google-labs-code/stitch-skillsHave you ever built a website or app and wanted to turn its code into a design you can edit? This skill does exactly that. It takes your frontend code and creates a Stitch Design.
First it extracts a single HTML file from your build. Then it analyzes your code to pull out the design system like colors, fonts, and styles. Finally it uploads everything to your Stitch project. You can then use Stitch to improve and iterate on your design.
This is perfect for moving existing web apps or React components into Stitch. Use it for any save, migrate, or upload request.
Add Stitchcode To Design skill to your workflow
Global
mkdir -p ~/.claude/skills/stitchcode-to-designProject
mkdir -p .claude/skills/stitchcode-to-designSource Repository
More Design & UI/UX Claude Code Skills
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