Individual skill
frontend-component
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".
skills/frontend-component/SKILL.md
Source commit 435dd4b2d0c7c52cfa06f660d3d2e2564b7fd45e
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 6, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 355
- Repository last updated
- Nov 6, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-assistant Repository topic
- ai-tools Repository topic
- anthropic Repository topic
- claude Repository topic
- claude-code Repository topic
- context-engineering Repository topic
- developer-tools Repository topic
- llm Repository topic
- plugin Repository topic
- productivity Repository topic
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesSKILL.mdcore · 18,466 bytesexamples/Button.tsxruns · 817 bytesexamples/SearchBar.tsxruns · 1,195 bytesfunctions/component_generator.pyruns · 3,373 bytesfunctions/file_generator.pyruns · 3,008 bytesfunctions/name_validator.pyruns · 3,541 bytesfunctions/props_interface_generator.pyruns · 3,866 bytesfunctions/style_generator.pyruns · 2,595 bytestemplates/component-simple-template.tsxruns · 337 bytestemplates/nextjs-client-component-template.tsxruns · 861 bytestemplates/nextjs-layout-template.tsxruns · 706 bytestemplates/nextjs-page-template.tsxruns · 1,202 bytestemplates/nextjs-server-component-template.tsxruns · 1,035 bytestemplates/style-template.module.cssasset · 165 bytestemplates/test-template.tsxruns · 195 bytes
Read excerpt
# Frontend Component Generator
Generate production-ready React/Vue components with TypeScript, tests, and styles following modern best practices.
## When to Invoke
Auto-invoke when user mentions:
- "Create a component"
- "Add a component"
- "New component"
- "Build a component"
- "Generate component for [feature]"
## What This Does