codegen-html
OfficialBuild UIs with zero build dependencies.
Authorinitializ
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill allows users to quickly create and modify standalone Preact + HTM applications without any local development environment setup, enabling rapid prototyping and easy sharing of simple web UIs.
Core Features & Use Cases
- Zero-Dependency Scaffolding: Generates single-file or multi-file HTML applications using Preact and HTM, directly runnable in a browser.
- In-Browser Iteration: Supports reading and writing files within the generated project, allowing for iterative UI development.
- Use Case: A designer needs to quickly mock up a simple interactive dashboard. They can use this Skill to scaffold a Preact application, then iterate on the HTML and JavaScript directly, opening the
index.htmlfile in their browser to see changes instantly.
Quick Start
Scaffold a new single-file Preact + HTM application named 'my-dashboard' in the '/tmp/my-dashboard' directory.
Dependency Matrix
Required Modules
jq
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: codegen-html Download link: https://github.com/initializ/forge/archive/main.zip#codegen-html Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.