Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

Stitch to React Components

Convert Stitch-generated screens into validated React component systems with design token consistency

google-labs-codeGitHub google-labs-codeSource repo Original GitHub link Publisher page

Files

11

Skill

n/a

Size

21.3 KB

Entrypoint

SKILL.md

Format

git-repo

Repo map

Skill files

examples/gold-standard-card.tsx

package-lock.json

package.json

README.md

resources/architecture-checklist.md

resources/component-template.tsx

resources/stitch-api-reference.md

resources/style-guide.json

scripts/fetch-stitch.sh

scripts/validate.js

SKILL.md

markdown3.4 KBentry

Open file

resources/architecture-checklist.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown15 linesFree

Architecture Quality Gate

Structural integrity

[ ] Logic extracted to custom hooks in src/hooks/.
[ ] No monolithic files; strictly Atomic/Composite modularity.
[ ] All static text/URLs moved to src/data/mockData.ts.

Type safety and syntax

[ ] Props use Readonly<T> interfaces.
[ ] File is syntactically valid TypeScript (no red squiggles).
[ ] Placeholders from templates (e.g., StitchComponent) have been replaced with actual names.

Styling and theming

[ ] Dark mode (dark:) applied to all color classes.
[ ] No hardcoded hex values; use theme-mapped Tailwind classes.