Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →initializ/codegen-html
Scaffold and iterate on standalone Preact + HTM applications with zero build dependencies
Passed 16 of 19 test cases with the skill, and 10 of 19 without it.
and 7 more in the full report
8 fixed11 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
I want to inspect all existing files inside the project directory `/tmp/dashboard-app` using the project inspection script. What relative file path should I specify to get a full directory listing?
| Checked | Without skill | With skill |
|---|---|---|
| Passes "." as the file_path parameter to codegen_html_read. | Missed | Passed |
| Sets project_dir parameter to /tmp/dashboard-app. | Missed | Passed |
The instructions your model reads when the skill loads.
Scaffold and iteratively build standalone HTML applications using Preact + HTM via CDN. Zero local dependencies — no Node.js, no npm, no build step. Just open the HTML file in a browser.
# Scaffold a single-file app
./scripts/codegen-html-scaffold.sh '{"project_name": "my-app", "output_dir": "/tmp/my-app", "mode": "single-file"}'
# Scaffold a multi-file app
./scripts/codegen-html-scaffold.sh '{"project_name": "my-app", "output_dir": "/tmp/my-app", "mode": "multi-file"}'
# Read a file or list the project
./scripts/codegen-html-read.sh '{"project_dir": "/tmp/my-app", "file_path": "."}'
# Write/update a file
./scripts/codegen-html-write.sh '{"project_dir": "/tmp/my-app", "file_path": "index.html", "content": "..."}'
These rules prevent runtime errors:
class (not className) — HTM maps directly to DOM attributesindex.html)<style> blocks or .css files — use Tailwind classes insteadexport function ComponentName() {}class (not className) — HTM maps directly to DOM attributeshtml`<div class="app">${content}</div>`useState, useEffect, useRef from Preact hookshtml`...` template literalsesm.sh), pinned to specific versionsindex.htmlbg-zinc-950 (bg), bg-zinc-900 (cards), border-zinc-800 (borders), text-zinc-200 (text), text-zinc-400 (muted), bg-indigo-500 (accent)test cases passed, vs 10 / 19 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.