MaxCHL

Craft Skills — Design skill for Claude Code

Design community

Claude Code skills — pm-craft (SDD PM workflow) + design-craft (HTML-native UI design).

How to install Craft Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open MaxCHL/craft-skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Craft Skills does

Claude Code skills — pm-craft (SDD PM workflow) + design-craft (HTML-native UI design).

Alternatives in Design

Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
Interface Design — Design engineering for Claude Code 4.3k ★

README

craft-skills

A collection of Claude Code skills for product and design workflows.

Skills included

Skill	Purpose	Trigger examples
pm-craft	PM workflow — SDD-first, spec-before-code, plus meeting minutes from raw transcripts	寫規格、寫 spec、寫需求、user story、handoff、整理會議記錄、meeting minutes
design-craft	HTML-native UI design — prototypes, slides, infographics	做原型、做 mockup、幫我設計、做簡報
pptx-craft	Style-driven PowerPoint — 7 distinct presets, anti-AI checklist	distinctive deck, editorial slides, swiss-style, bento grid, don't make it look AI

Install

npx github:MaxCHL/craft-skills

Installs both skills into `~/.claude/skills/`. Requires [Claude Code](https://claude.ai/code).

pm-craft

A skill for the full PM document lifecycle, built on Spec-Driven Development (SDD) principles.

**Supported documents**

Document	When to use
Opportunity Brief	New problem / idea validation
Epic	Feature set planning, roadmap unit
Product Spec	GWT acceptance criteria, engineering contract
User Story	Story breakdown, sprint-level tasks
Acceptance Checklist	PM AC + Engineering DoD
Handoff Doc	Design → Engineering handoff
Meeting Minutes	Turn raw meeting transcripts (STT output) into multi-dimensional minutes: TL;DR, Executive Summary, Detailed Notes, Decisions & Action Items

**Meeting Minutes** — four built-in templates with routing keywords:

Template	Use for
`template-product.md`	Product / business decision meetings (roadmap, OKR, pricing)
`template-one-on-one.md`	1-on-1s and manager check-ins (privacy-aware)
`template-customer-interview.md`	User research and customer interviews (JTBD framework)
`template-technical.md`	Architecture / technical decision meetings (ADR-style)