ladder-ui-component

Scaffold and modify ladder-ui React-19 component packages with tests, stories, and docs.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/ivelaval/ladder-ui --skill ladder-ui-component
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ladder-ui-component
Source: https://github.com/ivelaval/ladder-ui/tree/main/.agents/skills/ladder-ui-component
Command: npx skills add https://github.com/ivelaval/ladder-ui --skill ladder-ui-component

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ladder-ui teams often struggle to consistently create and evolve React-19 component packages within a large monorepo. This skill provides a guided, repeatable process to scaffold new components or modify existing ones with proper patterns, tests, stories, AI agent docs, and Docusaurus docs.

Core Features & Use Cases

  • Automated scaffolding for new components and safe modification of existing ones across the ladder-ui monorepo, including package structure, tests, and documentation.
  • Integrated Storybook stories, unit tests, and AI agent/doc references to ensure a complete, publish-ready component package.
  • Use Case: quickly spin up a new React-19 button component with proper tests, stories, and docs, ready for review and release.

Quick Start

Tell me to create a ladder-ui component and provide the component name and key props to scaffold it.

Frequently Asked Questions about ladder-ui-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a React-19 component in a monorepo with tests and Storybook stories?

To scaffold a React-19 component in a monorepo, you can use an automated process to generate the package structure, unit tests, Storybook stories, and documentation. This ensures a publish-ready component with type-safe public APIs and standardized patterns.

What's the best way to add Docusaurus documentation and AI agent specs for new UI components?

The best way to add Docusaurus documentation and AI agent specs for new UI components is to use a guided scaffolding process. It automatically generates these references alongside the component code to ensure documentation stays consistent with the implementation.

How do I modify existing React-19 component packages without breaking their public APIs?

You can modify existing React-19 component packages safely by applying standardized templates and tooling. This enforces type-safe public APIs and automatically updates associated tests, stories, and docs during the modification process.

Do I need to manually configure unit tests and stories when creating a new React-19 UI component?

No, you do not need to manually configure unit tests and stories when creating a React-19 UI component. An automated scaffolding process generates these files end-to-end, applying proper React-19 patterns and documentation templates automatically.

What is included when scaffolding a new component package for a React-19 monorepo?

Scaffolding a new component package for a React-19 monorepo includes the package structure, unit tests, Storybook stories, AI agent specs, and Docusaurus pages. It enforces React-19 patterns and type-safe public APIs through standardized templates.