Is the React Component Scaffolder skill still supported?

This skill is deprecated. While it can still be used for legacy scaffolding, users are strongly encouraged to switch to the 'component-builder' skill for better results.

Does the replacement skill support TypeScript?

Yes, the 'component-builder' replacement generates full TypeScript interfaces with JSDoc documentation, which the original scaffolder did not prioritize.

How do I invoke the new component builder?

Simply ask Claude to 'create a component' or 'build a UI element,' and it will utilize the updated 'component-builder' skill automatically.

What is the recommended replacement for this skill?

The 'component-builder' skill is the official replacement, offering Material 3 compliance, accessibility features, and production-ready code generation.

Why should I stop using the scaffolder?

The original scaffolder only creates directory structures without intelligent code. The new builder generates complete, token-aware, and accessible components.

React Component Scaffolder

Name: React Component Scaffolder
Author: okgoogle13

byokgoogle13

•

デザインツール

Scaffolds basic React component structures and guides users toward the superior, M3-compliant component-builder skill.

The React Component Scaffolder is a legacy utility designed to automate the creation of React component directory structures. While it laid the groundwork for automated frontend development, it has been officially deprecated in favor of the 'component-builder' skill. The new replacement provides production-grade, Material 3 (M3) expressive design compliance, token-aware styling, and accessibility-first implementation. Users currently utilizing this skill should transition to the updated version to ensure their components meet modern standards for TypeScript, documentation, and error handling.

主な機能

01Legacy React component directory scaffolding

02Basic structural boilerplate generation

03Automated migration guidance to modern builders

04Support for historical React project patterns

051 GitHub stars

06Integration with the Claude Code ecosystem

ユースケース

01Migrating to the production-grade component-builder skill

02Transitioning legacy React workflows to M3 design standards

03Scaffolding simple component structures for maintenance tasks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add okgoogle13/careercopilot react-component-scaffolder

For use in Claude.ai and ChatGPT

Download Skill