skills.rest
cheng80
cheng80COMMUNITY
Explore all skills by this author →
GitHub

design-html

Convert approved design mocks into production-ready HTML/CSS with dynamic layouts.

1|Updated Apr 12, 2026
Search Tags:#frontend#web-development#mockups#responsive-design#html-css#design-finalization#design-to-html
One-click install
npx skills add https://github.com/cheng80/rummipoker --skill design-html-cheng80
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-html
Source: https://github.com/cheng80/rummipoker/tree/main/.agents/skills/gstack-design-html
Command: npx skills add https://github.com/cheng80/rummipoker --skill design-html-cheng80

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Production-quality HTML/CSS from design mocks becomes slow and error-prone. This skill finalizes approved designs into ready-to-ship web interfaces with dynamic layouts and height-aware rendering, using no dependencies.

Core Features & Use Cases

  • Finalizes designs into production-ready HTML/CSS from mocks, CEO plans, or design reviews.
  • Computes text reflow and dynamic heights for responsive layouts.
  • Works with /design-shotgun, /plan-ceo-review, /plan-design-review, or from scratch with user input.
  • Zero dependencies and smart routing to the right design patterns.

Quick Start

Provide an approved design or plan, and ask the skill to generate production HTML/CSS.

Frequently Asked Questions about design-html

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn approved design mocks into production-ready HTML/CSS?▼

You can finalize approved design mocks into production-ready HTML/CSS by providing the design input, which generates web pages with dynamic layouts, text reflow computation, and zero dependencies.

What is the best way to generate responsive HTML with dynamic heights from a design?▼

Generating responsive HTML with dynamic heights is best handled by computing text reflow and using smart API routing to select the right Pretext patterns for each specific design type automatically.

Can I finalize web page designs from scratch without existing mockups?▼

You can finalize web page designs from scratch by providing a user description to generate the web page, or by using approved plans from design reviews and CEO plan evaluations.

Do I need external dependencies for design-to-HTML conversion?▼

No, you do not need external dependencies for design-to-HTML conversion. The skill finalizes approved designs into ready-to-ship web interfaces using zero dependencies and smart pattern routing.

Does the HTML generation process work with CEO plan reviews and design shotguns?▼

Yes, HTML generation works with inputs from /design-shotgun, /plan-ceo-review, and /plan-design-review, applying smart API routing to finalize approved designs into production-ready web interfaces.

Related Skills

Explore More Design & Creative Skills→
devs6186devs6186

design-html

Convert design mockups and plans into Pretext HTML/CSS markup.

Community
Intermediate
pedroapp100pedroapp100

frontend-design

Generate production-ready HTML, CSS, and React components for custom frontend designs.

Community
Advanced
limzivectorlimzivector

design-html

Convert approved design mockups into HTML/CSS code using Pretext patterns.

Community
Intermediate
jasonkneenjasonkneen
471

frontend-design

Construct frontend UIs with HTML, CSS, and JavaScript for responsive layouts.

Community
Intermediate