coding-fe
OfficialTurn Stitch designs into ready Next.js UI.
Authorlac-minh-studio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts approved Stitch design outputs into new Next.js App Router UI code for route slices, pages, or components that do not yet exist in the current src/.
Core Features & Use Cases
- Converts Stitch HTML/PNG artifacts into HeroUI-based frontend slices aligned with the project's tokens.
- Generates thin, server-first route files with mock data and interfaces to accelerate UI delivery.
- Useful for creating new routes, sections, or components from approved Stitch rounds when sources exist in .stitch/ metadata.json.
Quick Start
Select the approved Stitch artifacts from .stitch/metadata.json and run the coding-fe skill to generate a new Next.js route slice.
Dependency Matrix
Required Modules
None requiredComponents
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: coding-fe Download link: https://github.com/lac-minh-studio/lacminh-web/archive/main.zip#coding-fe Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.