Peg Design

Use this skill to generate well-branded slides, presentations, and data-driven design artifacts in the Peg visual language. Minimal, type-led, Apple-keynote-inspired. Contains design guidelines, color/type/spacing tokens, React components, and 7 production-ready slide templates.

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add v0id-byte/peg-design-system --skill peg-design
Manual install
git clone --depth 1 https://github.com/v0id-byte/peg-design-system.git /tmp/peg-design-system
mkdir -p ~/.claude/skills
cp -r /tmp/peg-design-system/. ~/.claude/skills/peg-design

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

Read the `readme.md` file within this skill and explore the other available files.

If creating **slides or presentations**, use the templates in `slides/` as your starting point. Link `styles.css` and `slides/slide-base.css` in your deck. The eight template types are: Title, Headline, Stats, Flow, Chips, Attr List, Moment, and **Media/Proof** (image-led: full-bleed, split text+figure, or a 2–4 figure proof wall — for real renders, CAD, PCB, photos, and screenshots).

If creating **UI components or interactive prototypes**, copy the React components from `components/core/` and reference the CSS custom properties defined in `tokens/`.

If working on **production code**, read the token files and the component `.d.ts` / `.prompt.md` files to understand the props contracts and usage rules.

**Core design rules to follow:**
1. Only one background: Paper (`#FAFAF8`). Never switch slide backgrounds. **Exception:** `media-full` slides may be full-bleed image on Night (`#0B0B0C`) letterbox — the image itself is the content. Keep these deliberate and sparse.
2. One accent colour: Jade (`#00A878`). Use it once per slide maximum.
3. Alert (`#E5484D`) only for genuine bad news — losses, collapses, risks.
4. No shadows. No corner radii except on pills. No gradient backgrounds. **Exception:** a single bottom/top scrim gradient is allowed on `media-full` slides, only to keep overlaid caption text legible — never decorative.
5. Tabular numerals on all figures.
Read the full skill on GitHub

Details

Skill name
peg-design
License
MIT
Repo updated
1 August 2026

FAQ

What does the Peg Design skill do?

Use this skill to generate well-branded slides, presentations, and data-driven design artifacts in the Peg visual language. Minimal, type-led, Apple-keynote-inspired. Contains design guidelines, color/type/spacing tokens, React components, and 7 production-ready slide templates.

How do I install the Peg Design skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add v0id-byte/peg-design-system --skill peg-design. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Peg Design popular?

It lives in v0id-byte/peg-design-system, which has 8 GitHub stars and 0 forks.

Related skills

Project Resume Writer

8

oxygen914/project-resume-writer

Analyze project directories, source code, technical documents, work notes, internships, papers, open-source contributions, platform work, or other career evidence and turn them into evidence-backed Chinese resume material. Use when the user asks to write, polish, quantify, tailor, or evaluate project experience; generate a copy-ready resume project entry; build a detailed project-highlight material library; list technical highlights for later resume selection or interviews; or decide how many project bullets/highlights to write. Also use for 简历项目写法, 项目经历, 项目亮点, 亮点素材库, 技术亮点清单, 投递版, 简历量化, 数据化表达,

Documents & Office Files

Pdf2md Agent Skill

8

taotaoboom/pdf2md-agent-skill

将 PDF、DOCX、PPTX、XLSX、HTML、CSV 等文档转换为适合 LLM 处理的 Markdown。英文 PDF 使用 md_convert.py;中文论文和中文扫描 PDF 使用 md_convert_zh.py。用户要求阅读、总结、翻译、问答、引用或提取 PDF/Office 文档内容时使用;先转换,再读取生成的 Markdown。

Documents & Office Files

Talisman

7

jeunecraack/talisman-skill

Generate a polished, on-brand PDF guide/handbook/whitepaper from a codebase or project using LaTeX (.tex -> .pdf) or Markdown->pandoc->pdf, with a designed cover page, the product's real brand colors and logo, a subtle branded page background, and TikZ diagrams (domain models, flows, state machines). Use for any branded PDF derived from a real app: ".tex to pdf", "make a PDF guide", "document how X works", "cover page with our logo", or "in the style of <product>".

Documents & Office Files

Moonland Deck

7

severli93/moonland-deck

Build 16:9 HTML presentation decks (and posters/cards that borrow the same look) in the "Dopamine-Swiss" visual language — a Swiss International grid skeleton crossed with a dopamine 4-color stage system and hand-painted SVG paint-blob highlights. Goes further than styling: it can read a local project, reverse-infer what's worth presenting, write a 演讲大纲.md outline, build a single-file deck from it, and ship a deck the user edits in the browser and syncs back to the outline. Use whenever the user wants a slide deck, talk deck, 演讲 deck, 分享 PPT replacement, keynote, HTML slides, pitch, or a poste

Documents & Office Files

Fired CV

6

inhabitants/fired-cv

Build a one-page, parser-proof resume (and an optional cover letter) as a print-ready A4 PDF, from an old Word/PDF CV, a LinkedIn export or an interview, tailored to one job posting or to many at once (one CV per job, with a tracker). Use when someone asks for a resume, CV, curriculum vitae, "update my CV", "tailor my resume to this job", "one CV for each of these jobs", "make my resume look good", or has just lost a job and needs to start applying.

Documents & Office Files

Grill My Resume As Manager

8

letya999/grill-my-resume-as-manager

Hard grill of a Project/Delivery/Tech/Product manager resume: evidence (XYZ), anti-persona flags, role clarity, 10-second recruiter read, optional vacancy-pool match. Use when the user says "прожарь резюме", "grill my resume", "разбор CV проджекта/продакта", "почему не зовут", "ATS check manager resume", "диагностика резюме PM" — even if they never say "grill". Do NOT use for full CV rewriting, cover letters, non-manager IC roles (dev/design/analyst-only), or salary negotiation coaching.

Documents & Office Files

Browse the most popular Claude skills, all documents & office files skills, or write your own with the skills generator.