Skills
.Work. You
Rest

ui-spec-scaffold

Community

Generate UI specs and scaffolds from recipes

Software Engineering#automation#typescript#scaffold#recipe#screen#panel#ui-spec
Authoreaglhuang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill translates verified normalized recipes and content contracts into production-ready ui-spec assets and TypeScript skeletons for CompositePanel and ChildPanel, enabling seamless creation and standardization of screens.

Core Features & Use Cases

  • Generate production-ready ui-spec JSON (layouts, skins, and screens) from a normalized recipe, family defaults, and content contracts.
  • Create CompositePanel / ChildPanel TypeScript skeletons and the corresponding screen package structure to accelerate frontend development.
  • Align naming, slots, and data sources with the recipe and contracts, while providing deterministic, testable scaffolds that can be reviewed before commit.
  • Support dry-run and write workflows, exposing outputs under assets/resources/ui-spec for verification and integration with existing tooling.

Quick Start

Provide a recipe.json path and run the dry-run to generate the ui-spec layouts and panel scaffold.

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: ui-spec-scaffold
Download link: https://github.com/eaglhuang/cocos_new/archive/main.zip#ui-spec-scaffold

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.