react-component-generator
This skill provides automated assistance for react component generator tasks wit
Content Preview
--- name: react-component-generator description: | React Component Generator - Auto-activating skill for Frontend Development. Triggers on: react component generator, react component generator Part of the Frontend Development skill category. allowed-tools: Read, Write, Edit, Bash, Grep version: 1.0.0 license: MIT author: Jeremy Longshore <[email protected]> --- # React Component Generator ## Purpose This skill provides automated assistance for react component generator tasks wit
How to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/react-component-generator.md \
https://raw.githubusercontent.com/jeremylongshore/claude-code-plugins-plus-skills/main/planned-skills/generated/05-frontend-dev/react-component-generator/SKILL.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/jeremylongshore/claude-code-plugins-plus-skillsThen reference at planned-skills/generated/05-frontend-dev/react-component-generator/SKILL.md
Related Skills
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
frontend-designfrontenddesignreact
by Anthropic · anthropic-official-skills
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
web-artifacts-builderwebartifactsbuilder
by Anthropic · anthropic-official-skills
coding-standards
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
coding-standardscodingstandardstypescript
by affaan-m · everything-claude-code
documentation-lookup
Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).
documentation-lookupdocumentationlookupapi
by affaan-m · everything-claude-code