Install any skill in seconds. Free to start, no credit card required.
Get Started Free →borghei/senior-frontend
Frontend development for React, Next.js, TypeScript, and Tailwind CSS.
Passed 19 of 23 test cases with the skill, and 3 of 23 without it.
and 22 more in the full report
16 fixed3 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 16 test cases the skill fixed. Same model, same prompt, with and without the skill.
Where in the reference documentation can I find the complete CLI flag options, success criteria, and troubleshooting table for scaffolding and component generation?
| Checked | Without skill | With skill |
|---|---|---|
| Directs the user to references/tooling-guide.md | Missed | Passed |
The instructions your model reads when the skill loads.
Frontend development patterns, performance optimization, and automation tools for React/Next.js applications. Scaffold projects, generate components and hooks, analyze bundle sizes, and apply React/Next.js patterns with accessibility and testing built in.
package.json + import scanning that scores bundle health and flags heavy dependencies with lighter alternatives.Before scaffolding or generating, confirm these inputs. If any is unknown or vague, ASK — do not assume:
--template; produces a different project structure)--features; decides what gets generated)frontend_scaffolder vs component_generator)Stop rule: ask only the 2-3 that most change the output. If the user says "just draft it," proceed and list your assumptions at the top of the artifact.
| Tool | Purpose | Command |
|---|---|---|
frontend_scaffolder.py | Scaffold a Next.js or React project with TypeScript + Tailwind + optional features | python scripts/frontend_scaffolder.py my-app --template nextjs --features auth,api |
component_generator.py | Generate a component/hook with optional test and Storybook story | python scripts/component_generator.py ProductCard --type client --with-test --with-story |
bundle_analyzer.py | Score bundle health and flag heavy dependencies from package.json + imports | python scripts/bundle_analyzer.py /path/to/project --verbose |
test cases passed, vs 3 / 23 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.