Avinava

How To — Design skill for Claude Code

Design community

Write a Diátaxis how-to guide as Markdown in the user's repository.

How to install How To

Installs to ~/.claude/skills/avinava-document-design-system-how-to/SKILL.md

Terminal

mkdir -p ~/.claude/skills/avinava-document-design-system-how-to && curl -fsSL https://raw.githubusercontent.com/Avinava/document-design-system/HEAD/commands/how-to.md -o ~/.claude/skills/avinava-document-design-system-how-to/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What How To does

description: Write a Diátaxis how-to guide as Markdown in the user's repository. Use when invoked as /document-design-system:how-to. Produce designed HTML or PDF only when asked.

Use the `writing-documents` skill. Type slug: how-to Load `references/type-how-to.md`, `references/writing.md`, `references/evidence.md`. Default output is Markdown in the user's project at this type's conventional path. Do not assemble HTML, pick a theme, inline CSS, or run build_document.py unless the user as

Alternatives in Design

Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★