Codex Kunchenguid HTML Pages with Annotated Headings and Grids
Build an HTML page with Kunchenguid's heading annotations, sections and responsive grids.
中文Install in Codex
Use an HTML project in Codex with the design system's published CSS and JavaScript referenced as in its repository example.
- Review `.agents/skills/use-kunchenguid-design-system/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.agents/skills/use-kunchenguid-design-system/` in your project and save the reviewed file as `.agents/skills/use-kunchenguid-design-system/SKILL.md`.
- Start Codex from that project's root, then type `$use-kunchenguid-design-system` and select the matching skill.
Example task
Plan the title and grid for this illustrative documentation page.
{"title":"Find the [next step].","sections":2,"desktopColumns":2,"phoneWidthPx":390}What to check
Add `data-annotate` and preserve `[next step]`. Use `grid--2` for two desktop columns and check for a single column at `390px`.
Original SKILL.md on GitHub · Updated
Frequently asked question
Should one heading contain several bracket annotations?
Choose one central concept per annotated heading and keep the heading short.