# Design It > Use when turning a requirement, spec, or feature brief into a single self-contained HTML design document in a fixed house style — one styled HTML page with a table-of-contents, architecture/sequence SVG diagrams, code/SQL/YAML blocks, callout boxes, an aligned-decisions (已对齐结论) panel, test cases, and a code index. Reuse for any new 需求/设计文档 that should look identical every time. - Skill: `smallnest/design-it` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds add smallnest/design-it` - Raw SKILL.md: https://api.skillmd.com/api/skills/smallnest/design-it/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: smallnest (https://skillmd.com/u/smallnest) - Updated: 2026-09-09 - Page: https://skillmd.com/skills/smallnest/design-it --- # design-it ## Overview Generate a technical design document as **one self-contained HTML file** in a fixed house style, so every new 需求 produces a visually identical page. The look is not improvised each time — it comes from a fixed `