メニュー
Typography rules — quote marks, dashes, spacing, hierarchy, HTML entities. Auto-apply when generating HTML/CSS/React/Jinja with visible text; audit on "fix the typography", "typography audit", "make this look professional".
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Conservative cross-repo worktree + branch pruning audit. Classifies every branch/worktree as safe-to-delete (proven dead via merged PR or zero unique commits) or keep-with-reason, then deletes what's proven dead. Use for 'clean up stale branches', 'prune dead worktrees', 'repo hygiene sweep', or any multi-repo branch-pruning ask.
Best practices for AI-authored writing — consolidated rules for when Claude (or any LLM) drafts prose a human will put their name on: emails, posts, newsletters, docs, scripts, bios, marketing copy. Use whenever AI-drafted output must not read as generic AI sludge; triggers on '/ai-writing', 'de-slop this draft', 'make this not sound like AI'. Pulls the AI-relevant rules from the writing and communication skills into one pre-ship gate. NOT a voice profile (use writing-voice for Summer's voice, sme-voice for someone else's) and NOT a conflict/timing layer (use communication-safeguards for heated messages).
Document a dead end so future sessions avoid re-exploring. Writes an abandon record to .claude/abandoned/<date>-<topic>.md capturing what was tried, why it failed, and what was learned. Invoked as `/session-handoff --abandon`, or when the user says "abandon this", "this didn't work", "scrap this approach", or "dead end". Also used by claude-flow Phase 1 (Explore/Archive path) and the research skill. Normal state-export handoffs are written by the `next` skill to docs/plans/<date>-session-handoff.md — not by this skill.
Captures another person's writing voice from samples and applies it when ghostwriting or editing in their voice — primarily for SME (subject-matter expert) scripts at DeepLearning.AI. Phase A builds a saved voice profile from samples; Phase B applies it when editing or extending the SME's scripts. Profiles live in ~/claude_code/agent-vault/sme-voices/ to sync across machines. Trigger on 'capture [name]'s voice', 'edit this in [name]'s voice', 'ghostwrite as [name]', or '/sme-voice'. NOT for writing as Summer herself (use writing-voice), ToneGuard analysis, or summarizing/analyzing documents.
Loads Summer Rae's personal voice profile for any writing she'll put her name on — fiction, personal essays, blog posts, newsletters, social posts, course marketing hooks, L0 scripts, business emails and documents. Applies her creative voice (sensory, deadpan dark humor, show-don't-tell) and her business-writing preferences (minimal, direct, lead with the ask, no hollow openers). Default whenever Summer asks you to write or draft anything ('write this for me', 'in my voice'). NOT for ghostwriting or preserving an SME's voice (use sme-voice), ToneGuard analysis, or summarizing/analyzing documents.
Hand off to the next session — write a self-contained continuation prompt/handoff doc, then ship the current work (commit → PR → review → merge) and run cleanup. Use when the user says "/next", "hand this off", "wrap up and write a continuation prompt", or wants to end one session and prime the next.
| name | typography |
| description | Typography rules — quote marks, dashes, spacing, hierarchy, HTML entities. Auto-apply when generating HTML/CSS/React/Jinja with visible text; audit on "fix the typography", "typography audit", "make this look professional". |
| license | MIT |
| metadata | {"author":"summerela","version":"1.0.0"} |
Apply token-economy whenever this skill would otherwise trigger broad exploration, repeated file reads, multi-file scans, or heavy reference loading.
Rules distilled from Matthew Butterick's Practical Typography. These are permanent rules from centuries of typographic practice — not trends or opinions.
You are the typography reviewer for user-facing text. Your role is to enforce professional typographic defaults in generated UI, HTML, CSS, React, and Jinja without changing the underlying meaning.
Use this skill when creating visible text or auditing existing pages for quote marks, dashes, spacing, hierarchy, entities, and type scale. Return corrected markup/CSS or a concise before/after finding list for the typography violations.
ENFORCEMENT (default): When generating UI with visible text, apply every rule automatically. Use correct HTML entities and proper CSS. Do not ask permission. Do not explain. Just produce correct typography.
AUDIT: When reviewing existing code, identify violations and provide before/after fixes.
Reference files (read as needed):
references/css-templates.md — CSS baseline template, responsive patterns, OpenType featuresreferences/html-entities.md — Entity table with all characters and codesStraight quotes are typewriter artifacts. Use “ ” for double, ‘ ’ for single. Apostrophes always use closing single quote ’.
The <q> tag auto-applies curly quotes when <html lang="en"> is set.
Unicode escapes (\u2019) do NOT work in JSX text content — they render literally.
| Method | Works? |
|---|---|
| Actual UTF-8 char pasted in source | Yes (preferred) |
{'\\u2019'} in JSX expression | Yes |
’ HTML entity | HTML only, not JSX |
\u2019 bare in JSX text | NO — renders literally |
| Char | Entity | Use |
|---|---|---|
| - | - | Compound words (cost-effective) |
| – | – | Ranges (1–10), connections (Sarbanes–Oxley) |
| — | — | Sentence breaks—like this |
Never approximate with -- or ---.
Use … (…), not three periods. Use on the text-adjacent side.
Use × for multiplication, − for subtraction. Dimensions: 8.5″ × 14″.
Foot and inch marks — the ONE exception to curly quotes. Must be STRAIGHT: ' for foot, " for inch.
Use © ™ ®, never (c) (TM) (R). "Copyright ©" is redundant — word OR symbol, not both.
45–90 characters per line. Enforce with max-width: min(65ch, 90vw) on text containers.
Body text: 120–145% of font size (line-height: 1.3–1.45). Headings: tighter (1.1–1.2).
Choose ONE: space-between (margin-bottom: 0.75em) OR first-line indent (text-indent: 1.5em). Never both.
Bold, not italic. Smallest size increment needed to establish hierarchy. More space above than below. Never hyphenate headings.
Always letterspaced: letter-spacing: 0.05–0.12em. Without letterspacing, caps look cramped.
When generating any HTML/JSX with text, automatically fix:
"straight" → “curly”it's → it’s-- → – or —... → …(c) → ©12 x 34 → 12 × 34Pages 1-10 → Pages 1–10/design-audit for systematic visual review of existing interfaces