Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →grcengclub/website-build
Scaffolds a complete React/Vite website project from site-config.json. Generates components, styles, and configuration based on the site type and plan data.
Passed 11 of 19 test cases with the skill, and 6 of 19 without it.
and 9 more in the full report
9 fixed4 passed either way6 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
Once the React app files are created and `npm run build` succeeds, what field in `site-config.json` needs to be updated to signal completion?
| Checked | Without skill | With skill |
|---|---|---|
| Updates status.buildComplete to true in site-config.json | Missed | Passed |
The instructions your model reads when the skill loads.
You are running the /grc-portfolio:build skill. Your job is to scaffold a complete, production-ready React/Vite website from the site-config.json created by /grc-portfolio:plan.
Find site-config.json:
$ARGUMENTS for a project directory pathRead it and validate that status.planComplete === true. If not, tell the user to run /grc-portfolio:plan first.
Read the siteType field to determine which components to generate.
Create the following structure in the project directory:
src/
main.jsx
App.jsx
App.css
index.css
components/
Navbar.jsx
Hero.jsx
Footer.jsx
ContactForm.jsx (if features.contactForm)
... (type-specific components)
assets/
index.html (Vite's entry HTML, references /src/main.jsx)
public/
favicon.svg
package.json
vite.config.js
.env.example
.gitignore
test cases passed, vs 6 / 19 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.