Agent-Skills.md

Agent Skills: component-builder

The core engine that generates production-ready, M3-compliant React components

UncategorizedID: okgoogle13/careercopilot/component-builder

Repository

okgoogle13/careercopilot
okgoogle13
1

Install this agent skill to your local

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

Skill Files

Browse the full folder contents for component-builder.

Download Skill

Loading file tree…

.claude/skills/component-builder/SKILL.md

Skill Metadata

Name
component-builder
Description
React 18 component builder focused on data-slot properties and speculative asset resolution.

INPUT

  • enriched_spec: JSON from spec-generator

OUTPUT

React 18 function components with:

  • Zustand useStore hooks
  • Tailwind v4 CSS vars ONLY: bg-[--sys-substrate]
  • CRITICAL: Props per slot, NO asset imports:
function HeroCard({ ctaAssetId }) {
  return <div data-slot="cta_background" data-asset-id={ctaAssetId} />
}