Diagram Design
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
Write a new spec from scratch when none exists for the idea yet.
$ npx skills add changkun/wallfacer --skill wf-spec-create -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install changkun/wallfacer wf-spec-create --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/changkun/wallfacer.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/wf-spec-create .claude/skills/wf-spec-create && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "wf-spec-create" agent skill from https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-create into .claude/skills/wf-spec-create/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-spec-create", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-createType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add changkun/wallfacer --skill wf-spec-create -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install changkun/wallfacer wf-spec-create --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/changkun/wallfacer.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/wf-spec-create .agents/skills/wf-spec-create && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "wf-spec-create" agent skill from https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-create into .agents/skills/wf-spec-create/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-spec-create", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add changkun/wallfacer --skill wf-spec-create -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install changkun/wallfacer wf-spec-create --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/changkun/wallfacer.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/wf-spec-create .cursor/skills/wf-spec-create && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "wf-spec-create" agent skill from https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-create into .cursor/skills/wf-spec-create/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-spec-create", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/changkun/wallfacer.git --path .claude/skills/wf-spec-create--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add changkun/wallfacer --skill wf-spec-create -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install changkun/wallfacer wf-spec-create --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/changkun/wallfacer.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/wf-spec-create .gemini/skills/wf-spec-create && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "wf-spec-create" agent skill from https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-create into .gemini/skills/wf-spec-create/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-spec-create", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install changkun/wallfacer wf-spec-createInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add changkun/wallfacer --skill wf-spec-create -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/changkun/wallfacer.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/wf-spec-create .github/skills/wf-spec-create && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "wf-spec-create" agent skill from https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-create into .github/skills/wf-spec-create/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-spec-create", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add changkun/wallfacer --skill wf-spec-create -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install changkun/wallfacer wf-spec-create --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/changkun/wallfacer.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/wf-spec-create .opencode/skills/wf-spec-create && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "wf-spec-create" agent skill from https://github.com/changkun/wallfacer/tree/main/.claude/skills/wf-spec-create into .opencode/skills/wf-spec-create/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-spec-create", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
wf-spec-createWrite a new spec from scratch when none exists for the idea yet.
Wf Spec Create is an agent skill from changkun/wallfacer. Write a new spec from scratch when none exists for the idea yet. Gathers context, explores the codebase, fills the frontmatter, and indexes it in specs/README.md. Use when the user says "create a spec", "write a spec", or "new spec". When a spec already exists but is out of date, use refine instead.
Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Development, covering Technical documentation. The repository describes itself as: Chat, specs, tasks, and code. An autonomous engineering platform. Full autonomy when you trust it. Full control when you don't. The licence is MIT.
8 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 5b3cea1. It shows what the files ask for, not the result of running them.
Pre-approves these tools, so the agent can use them without asking each time:
ReadGrepGlobEditWriteAgentBash(ls *)Bash(mkdir *)Bash(git log *)Bash(git diff *)From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Wf Spec Create loads about 2.3k tokens when it runs. Until then it costs about 79 tokens; SKILL.md has 1,013 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from changkun/wallfacer at commit 5b3cea1, republished under its MIT licence (© changkun). 1,013 words, ~2,349 tokens.
.claude/skills/wf-spec-create/SKILL.md (or your agent's skills folder).Create a new design spec in specs/ following the spec document model.
$ARGUMENTS has the form: <track/name> [description...]
<track>/<name> where <track> is
one of the tracks this repo actually uses and <name> is the kebab-case spec
name without .md. Example: local/live-serve.specs/, plus any track: frontmatter values in use
where specs sit directly in a directory that holds no sub-tracks. Take each
track's meaning from its section heading and intro in specs/README.md.Derive the output file path by answering two independent questions from how the
tree is actually laid out. They compose: specs/local/003-live-serve.md is a
perfectly ordinary path.
If specs/ does not exist yet, bootstrap a flat tree: create specs/, put the
first spec directly inside it with the requested track in track: frontmatter,
and create specs/README.md in Step 5. Do not force a directory scheme before
the project has chosen one.
specs/ has track directories, the spec goes in the
one it belongs to: specs/<track>/<name>.md. If specs sit directly under
specs/, it goes there and the track is recorded as a track: frontmatter
field instead.NNN- prefix, give the new one the next number in that directory — usually
its current max + 1, zero-padded to three digits. If they do not, use the
bare name. Numbering is a per-directory reading-order convention, not a
property of the repo, and a repo may number one directory and not another.The number is a local ordering hint only. Dependency order lives in
depends_on, which resolves repo-root-relative and forms one DAG across the
whole tree regardless of how any directory is grouped or numbered.
specs/README.md to understand the track organization, dependency
graph, and what already exists. For a new tree where it is absent, record
that Step 5 must create a minimal index.specs/, or an
internals doc describing how specs are parsed. If neither exists, infer the
schema from the most recently updated spec in the tree.affects paths. If a closely related spec exists,
warn the user and ask whether to proceed, merge, or abort.Based on the description, identify which parts of the codebase are relevant:
The goal is to ground the spec in reality — reference actual file paths, function names, and existing patterns rather than hypothetical code.
Determine which existing specs this new spec depends on:
specs/README.md for specs that produce interfaces, types, or
infrastructure this spec needs.affects lists of existing specs for overlapping code paths.depends_on entries for specs whose deliverables are prerequisites
— not merely related specs.Also identify which existing specs might depend on this new one (reverse impact). Flag these to the user but do NOT modify them.
Create the spec file at the path derived in Step 0 with this structure (add a
track: <track> line under status: only when the spec's directory does not
already name its track):
---
title: <Human-readable title>
status: drafted
depends_on:
- <spec paths, or empty list>
affects:
- <code paths and packages this spec will modify>
effort: <small | medium | large | xlarge>
created: <today's date, YYYY-MM-DD>
updated: <today's date, YYYY-MM-DD>
author: your-name
dispatched_task_id: null
---
# <Title>
## Overview
<2-4 sentences: what this spec delivers and why it matters. State the problem,
the user need, or the architectural gap it fills.>
## Current State
<Brief description of what exists today in the codebase that is relevant.
Reference actual file paths, types, and functions. This grounds the spec in
reality and helps readers understand the starting point.>
## Architecture
<How the solution fits into the existing system. Describe the key components,
their relationships, and where they live in the codebase. Use a diagram
(Mermaid) if the relationships are non-trivial.>
## Components
<For each major component or change:>
### <Component Name>
<What it does, where it lives, key design decisions. Reference existing
patterns in the codebase where relevant. Include:>
- File paths (existing files to modify, new files to create)
- Key types and interfaces
- Integration points with existing code
## Data Flow
<How data moves through the system for the primary use cases. Describe the
request/response path, state transitions, or processing pipeline. Skip this
section if the spec doesn't involve data flow.>
## API Surface
<New or modified API routes, CLI flags, env variables, or configuration
options. Follow the repository's existing reference format. Skip this section
if no external surface changes.>
## Error Handling
<How errors are detected, reported, and recovered from. What failure modes
exist and how the system degrades. Skip this section if error handling is
trivial.>
## Testing Strategy
<What to test and how. Reference existing test patterns in the affected
packages. Identify:>
- Unit tests (per-function, per-method)
- Integration tests (cross-package, end-to-end)
- Edge cases and failure scenariosWriting guidelines:
/wf-spec-breakdown. Focus on architecture and
component boundaries rather than implementation details.specs/README.md. If it does not exist, create a minimal index with a
title, a short explanation of the track recorded in frontmatter, and the
spec table below.specs/:| [<name>.md](<track>/<name>.md) | Not started | <one-line deliverable> |○/◐/✅ markers),
add the spec there as not started (○).Stage the new spec file and the updated specs/README.md. Commit with:
specs: add <name> spec for <one-line purpose>
Do NOT push unless the user explicitly asks.
Report to the user:
/wf-spec-breakdown <spec-path> design to decompose
into sub-design problems"/wf-spec-breakdown <spec-path> tasks to create
implementable tasks, or /wf-spec-implement <spec-path> to implement directly"<spec>; implement that first
or run /wf-spec-impact <spec-path> for full analysis"© changkun, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .claude/skills/wf-spec-create of changkun/wallfacer.
Open the folder on GitHubat commit 5b3cea1
Wf Spec Create next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Wf Spec Create this skillchangkun/wallfacer | 112 | — | ~2.3k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 47k | 1 repos | ~7.5k | Automated safety check: Pass | MIT | |
| Simple Englishmoeru-ai/airi | 50k | 2 repos | ~4.6k | Automated safety check: Pass | MIT | |
| Doc SyncJetBrains/ideavim | 10k | 2 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Mailspring App ScreenshotsFoundry376/Mailspring | 18k | — | ~1.5k | Automated safety check: Pass | GPL-3.0 | |
| Draw.io Diagram StudioAgents365-ai/drawio-skill | 10k | — | ~2.4k | Automated safety check: Notes | MIT |
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
moeru-ai/airi
Write or rewrite technical text with the rules of ASD-STE100 Simplified Technical English so it is clear, unambiguous, and free of AI slop.
JetBrains/ideavim
Keeps IdeaVim documentation in sync with code changes. An agent skill from JetBrains/ideavim.
Foundry376/Mailspring
Captures screenshots of the running Mailspring dev app for docs, PRs or visual checks by launching it with a debugging port, driving the UI and clipping to an element.
Agents365-ai/drawio-skill
Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.
Cocoon-AI/architecture-diagram-generator
Creates dark-themed system, cloud, security and network architecture diagrams as self-contained HTML files with inline SVG and CSS.
changkun/wallfacer
Split one spec into children — sub-design specs when questions are still open, or implementation-ready leaves when the plan is clear.
changkun/wallfacer
Mark a validated spec ready to build and resolve its dependency wiring; where a task board with a transition API is present, create the linked task atomically.
changkun/wallfacer
Run the whole lifecycle for one spec, calling the other skills in order and advancing one legal transition at a time until it reaches a target state (default complete), stopping to ask at…
changkun/wallfacer
Survey the whole spec tree: what is complete, in progress, blocked, and actionable next.
changkun/wallfacer
Read-only verdict on whether an implementation meets its spec: each acceptance criterion classified, unintended changes flagged, test coverage checked.
changkun/wallfacer
Structural lint over the spec tree — required frontmatter fields, valid status and effort values, track location, DAG acyclicity, dispatch consistency, orphans, status consistency.
Categories
Write a new spec from scratch when none exists for the idea yet. Wf Spec Create is an agent skill from changkun/wallfacer. Write a new spec from scratch when none exists for the idea yet.
Wf Spec Create fits situations like: the user says create a spec; tasks that involve Technical documentation.
Run `npx skills add changkun/wallfacer --skill wf-spec-create -a claude-code`. Or copy the skill folder (.claude/skills/wf-spec-create in changkun/wallfacer) into .claude/skills/wf-spec-create in your project. Claude Code loads it when a task matches its description.
Run `npx skills add changkun/wallfacer --skill wf-spec-create -a codex`. Or copy the skill folder (.claude/skills/wf-spec-create in changkun/wallfacer) into .agents/skills/wf-spec-create in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add changkun/wallfacer --skill wf-spec-create -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/wf-spec-create, .gemini/skills/wf-spec-create, .github/skills/wf-spec-create and .opencode/skills/wf-spec-create in your project.
SKILL.md names no scripts, command-line tools or credentials: Wf Spec Create is instructions for the agent only. Its frontmatter pre-approves these tools: Read, Grep, Glob, Edit, Write, Agent, Bash(ls *), Bash(mkdir *), Bash(git log *), Bash(git diff *).
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Wf Spec Create is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.3k tokens (SKILL.md is roughly 9.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Wf Spec Create: Diagram Design (cathrynlavery/diagram-design, 47k stars), Simple English (moeru-ai/airi, 50k stars), Doc Sync (JetBrains/ideavim, 10k stars) and Mailspring App Screenshots (Foundry376/Mailspring, 18k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
changkun (a GitHub user) maintains it in changkun/wallfacer, which has 112 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 4, 2026.
Source: changkun/wallfacer on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.