Scaffold and iterate on standalone Preact + HTM applications.
npx skills add https://github.com/initializ/forge --skill codegen-html
Please help me install this Agent Skill. Skill: codegen-html Source: https://github.com/initializ/forge/tree/main/forge-skills/local/embedded/codegen-html Command: npx skills add https://github.com/initializ/forge --skill codegen-html
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.
index.html file in their browser to see changes instantly.Scaffold a new single-file Preact + HTM application named 'my-dashboard' in the '/tmp/my-dashboard' directory.
High-intent search queries and answers about installing and using this skill.
You can scaffold standalone Preact + HTM applications with zero build dependencies for direct browser execution. This approach generates single-file or multi-file HTML projects that run immediately without local environment setup.
Yes, you can create web UI prototypes using Preact and HTM that run directly in the browser without bundling. The generated HTML files execute immediately, enabling rapid prototyping and easy sharing of simple interactive dashboards.
HTM is used to write Preact components using tagged template literals instead of JSX, eliminating the need for a build step. This allows frontend application scaffolding to operate with zero build dependencies and execute directly in the browser.
Yes, jq is required to process JSON inputs when scaffolding and iterating on Preact applications. This dependency handles the JSON input processing needed to generate and modify the project files.
Yes, the scaffolding process supports reading and writing files within the generated project structure. You can iteratively modify the HTML and JavaScript files, then open the index.html file in your browser to instantly see changes.
Zero-dependency UI generation supports both single-file and multi-file project structures using Preact and HTM. You can choose the appropriate structure based on your prototyping needs, with tools for creating and managing project files.
qol-toolsBuild accessible Preact + htm UI components with keyboard-first patterns and ARIA roles.
carayaCreate accessible Preact UI components with JSX/TSX patterns and automated accessibility checks.
ColdBoxParse and generate RSS 2.0 and Atom feeds for ColdBox applications.
JochenYangAutomate Three.js web app creation with ES modules and import maps.