Claude Code Plugins

Community-maintained marketplace

Feedback

react-component-scaffolder

@okgoogle13/careercopilot
1
0

DEPRECATED: Use component-builder instead for M3-compliant, production-grade components.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name react-component-scaffolder
description DEPRECATED: Use component-builder instead for M3-compliant, production-grade components.
version 1.0.0
deprecated true
deprecated_message This skill is deprecated. Use the 'component-builder' skill instead, which generates production-grade, M3-compliant React components with token-aware styling and accessibility features.
replacement component-builder

React Component Scaffolder (DEPRECATED)

⚠️ This skill is deprecated and should no longer be used.

Why Deprecated?

The component-builder skill is the recommended replacement. It provides:

  • Production-grade components with best practices
  • M3 Expressive design token compliance
  • Token-aware styling (no hardcoded values)
  • Accessibility-first approach with ARIA labels
  • Comprehensive error handling and edge cases
  • TypeScript interfaces with JSDoc documentation

Migration Path

When asked to "create a component", use component-builder instead:

Old way:

User: Create a Button component
Assistant: Uses react-component-scaffolder

New way:

User: Create a Button component
Assistant: Uses component-builder (M3-compliant)

Why Not Use This Skill Anymore?

  1. react-component-scaffolder only creates directory structure with no intelligent code generation
  2. component-builder generates complete, production-ready components with M3 tokens
  3. Having both creates user confusion about which to use
  4. component-builder is strictly superior in every way

See `component-builder` for the recommended replacement.