Generate a self-contained desktop web prototype from a seed template.
npx skills add https://github.com/junainfinity/osmDesign --skill web-prototype
Please help me install this Agent Skill. Skill: web-prototype Source: https://github.com/junainfinity/osmDesign/tree/main/skills/web-prototype Command: npx skills add https://github.com/junainfinity/osmDesign --skill web-prototype
Streamline the creation of a desktop web prototype by transforming briefs into a self-contained HTML file using a seed template and a library of paste-ready layouts.
Copy assets/template.html to index.html, update the design tokens from DESIGN.md, and paste the required sections from references/layouts.md into the main content.
High-intent search queries and answers about installing and using this skill.
HTML prototype scaffolding from a brief uses a seed template and paste-ready layout blocks to assemble a self-contained index.html file. It eliminates manual HTML scaffolding by mapping design tokens directly to the seed CSS for visual consistency.
Keeping design tokens consistent across layouts requires mapping design system variables directly to the seed template CSS. This ensures visual uniformity across all assembled prototype sections without manual CSS styling.
Building a desktop web prototype for offline sharing is best achieved by compiling a brief into a self-contained index.html file. This portable export includes all layout blocks and tokens, allowing quick offline previews without server dependencies.
Assembling a single-file HTML prototype does not require a specific framework. The process relies on a standalone seed template and a library of paste-ready layout blocks, requiring only a text editor to map design tokens and output the final file.
Paste-ready layout blocks can be used for marketing site sections by injecting pre-built HTML structures into the seed template. The assembly process maps design tokens to the seed CSS, quickly generating consistent layouts for marketing pages and documentation.
An HTML prototype looks inconsistent after pasting layout blocks if the design tokens are not properly mapped to the seed template CSS. Updating the design tokens from your design system ensures visual consistency across all pasted sections.
fabiomilennials1234-a11yGenerate executable design specs with HSL tokens and Markdown checklists.
dogumConvert verbose content into a single self-contained HTML file with inline CSS and JS.
ProfPowellOrganize CSS with layers, nesting, and design tokens.
nilecuiIntegrate shadcn/ui components and shadcnblocks.com blocks into React projects.
