ReddRadar
Agent skill
react-component-scaffolder
DEPRECATED: Use component-builder instead for M3-compliant, production-grade components.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/react-component-scaffolder
SKILL.md
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?
react-component-scaffolderonly creates directory structure with no intelligent code generationcomponent-buildergenerates complete, production-ready components with M3 tokens- Having both creates user confusion about which to use
component-builderis strictly superior in every way
See component-builder for the recommended replacement.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?