Convert approved Stitch outputs into Next.js App Router UI code.
npx skills add https://github.com/lac-minh-studio/lacminh-web --skill coding-fe
Please help me install this Agent Skill. Skill: coding-fe Source: https://github.com/lac-minh-studio/lacminh-web/tree/main/.github/skills/coding-fe Command: npx skills add https://github.com/lac-minh-studio/lacminh-web --skill coding-fe
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/.
Select the approved Stitch artifacts from .stitch/metadata.json and run the coding-fe skill to generate a new Next.js route slice.
High-intent search queries and answers about installing and using this skill.
To convert Stitch designs into Next.js UI code, select approved Stitch artifacts from .stitch/metadata.json and run the generation process to create missing route slices, pages, or components in your src directory.
No, this process generates HeroUI components exclusively for route slices, pages, or components that do not yet exist in your src directory, ensuring new UI creation from approved Stitch outputs rather than overwriting existing files.
You need approved Stitch HTML or PNG artifacts stored in .stitch/metadata.json, alongside your project's HeroUI tokens, to generate aligned Next.js App Router frontend slices.
Yes, the conversion produces thin, server-first Next.js route files populated with necessary interfaces and mock data to accelerate UI delivery while maintaining a token-safe frontend generation approach.
Limitations include requiring pre-approved Stitch artifacts in .stitch/metadata.json and strictly targeting missing src files, meaning it cannot update or replace existing Next.js route slices or components.
thuandiep1707Convert approved Stitch artifacts into Next.js route slices with mock data.
vintasoftwareGenerate Next.js App Router pages with server-first conventions.
motormetricsDocument and implement Navy Blue design tokens as CSS variables for UI components and charts.
duyetImplement React and Next.js patterns for server and client components.
