toge-component-builder

Community

Automate toge component scaffolding & migrations.

Authormicserr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Toge Component Builder streamlines scaffolding, migration, and refactoring tasks for the v2 Sprout Design System, ensuring consistent structure and exports across primitives, molecules, and patterns.

Core Features & Use Cases

  • Provides the 4-file component pattern blueprint for primitives, molecules, and patterns, including index.ts exports and TypeScript typings.
  • Guides the wiring of lib/toge.ts exports and updates to the playground registry to accelerate adoption.
  • Assists migration from v1 spr- components to the toge pattern with enforced conventions for state, props, and styling.

Quick Start

Follow the 4-file pattern to scaffold new components and run the build and wire workflow to generate and validate files.

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: toge-component-builder
Download link: https://github.com/micserr/toge-design-system/archive/main.zip#toge-component-builder

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.