Agent Skills: component-spec-scaffolder

Generates raw JSON component specs from wireframe XML, mapping regions and slots 1:1.

UncategorizedID: okgoogle13/careercopilot/component-spec-scaffolder

Install this agent skill to your local

pnpm dlx add-skill https://github.com/okgoogle13/careercopilot/tree/HEAD/.claude/skills/component-spec-scaffolder

Skill Files

Browse the full folder contents for component-spec-scaffolder.

Download Skill

Loading file tree…

.claude/skills/component-spec-scaffolder/SKILL.md

Skill Metadata

Name
component-spec-scaffolder
Description
Generates raw JSON component specs from wireframe XML, mapping regions and slots 1:1.

INPUT CONTRACT

  • wireframe_id: "01_landing.xml" (.claude/wireframes/)
  • manifest_path: "frontend/public/assets/kerala-rage-kr-solidarity-manifest.json"
  • placement_report: JSON from asset-placement-strategy

OUTPUT SCHEMA (JSON array)

[ { "component_id": "hero_cta_card", "source_wireframe": "01_landing.xml::hero_region", "tokens_required": ["--sys-color-primary"], "slots": [{"id": "cta_background", "compatible_assets": ["KR-SOLID-021"]}], "hierarchy": ["headline", "body", "cta"] } ]

HARD RULE

1:1 mapping to XML <region>, <slot> tags. FAIL if no matching XML element.