Skills
.Work. You
Rest

stitch-react

Community

Turn Stitch UI into reusable React components.

Software Engineering#react#code-generation#design-tokens#stitch#component-conversion#ui-migration
Authorjh941213
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Stitch-generated screens often exist as static HTML that are not ready for a production React app. This Skill converts those screens into a reusable React component system with design token extraction and automated validation.

Core Features & Use Cases

  • Component conversion: Transform Stitch HTML into modular React components with TypeScript types.
  • Design token integration: Extract colors, typography, and spacing into a centralized design system.
  • Validation & testing: Validate generated components via type checks and optional Storybook/Stories.
  • Use Case: When migrating a Stitch-based UI to a React app, this skill accelerates porting by generating a scalable component library.

Quick Start

Convert a Stitch-generated screen HTML file into a React component library and verify types.

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: stitch-react
Download link: https://github.com/jh941213/my-claude-code-asset/archive/main.zip#stitch-react

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.