Refactoring UI
s0xDk/refactoring-ui-skill
Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…
Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.
$ npx skills add MageByte-Zero/spec-superflow --skill spec-writer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install MageByte-Zero/spec-superflow spec-writer --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/MageByte-Zero/spec-superflow.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/spec-writer .claude/skills/spec-writer && 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 "spec-writer" agent skill from https://github.com/MageByte-Zero/spec-superflow/tree/main/skills/spec-writer into .claude/skills/spec-writer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "spec-writer", 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/MageByte-Zero/spec-superflow/tree/main/skills/spec-writerType 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 MageByte-Zero/spec-superflow --skill spec-writer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install MageByte-Zero/spec-superflow spec-writer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MageByte-Zero/spec-superflow.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/spec-writer .agents/skills/spec-writer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "spec-writer" agent skill from https://github.com/MageByte-Zero/spec-superflow/tree/main/skills/spec-writer into .agents/skills/spec-writer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "spec-writer", 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 MageByte-Zero/spec-superflow --skill spec-writer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install MageByte-Zero/spec-superflow spec-writer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MageByte-Zero/spec-superflow.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/spec-writer .cursor/skills/spec-writer && 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 "spec-writer" agent skill from https://github.com/MageByte-Zero/spec-superflow/tree/main/skills/spec-writer into .cursor/skills/spec-writer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "spec-writer", 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/MageByte-Zero/spec-superflow.git --path skills/spec-writer--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 MageByte-Zero/spec-superflow --skill spec-writer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install MageByte-Zero/spec-superflow spec-writer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MageByte-Zero/spec-superflow.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/spec-writer .gemini/skills/spec-writer && 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 "spec-writer" agent skill from https://github.com/MageByte-Zero/spec-superflow/tree/main/skills/spec-writer into .gemini/skills/spec-writer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "spec-writer", 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 MageByte-Zero/spec-superflow spec-writerInstalls 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 MageByte-Zero/spec-superflow --skill spec-writer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/MageByte-Zero/spec-superflow.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/spec-writer .github/skills/spec-writer && 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 "spec-writer" agent skill from https://github.com/MageByte-Zero/spec-superflow/tree/main/skills/spec-writer into .github/skills/spec-writer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "spec-writer", 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 MageByte-Zero/spec-superflow --skill spec-writer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install MageByte-Zero/spec-superflow spec-writer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MageByte-Zero/spec-superflow.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/spec-writer .opencode/skills/spec-writer && 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 "spec-writer" agent skill from https://github.com/MageByte-Zero/spec-superflow/tree/main/skills/spec-writer into .opencode/skills/spec-writer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "spec-writer", 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.
spec-writerCreate or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.
Spec Writer is an agent skill from MageByte-Zero/spec-superflow. Create or refine spec-superflow planning artifacts. Invoke when the change is understood well enough to write proposal.md, specs/, design.md, and tasks.md.
Its SKILL.md is about 1.6k 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 Frontend & Design, covering Design tokens. The repository describes itself as: 源码级融合 OpenSpec 规划引擎 + Superpowers 执行纪律的 AI 编程工作流插件。17 平台支持,9 skills,Spec-first,契约驱动。 The licence is MIT.
Read from SKILL.md and the folder at commit 25d9b0c. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
nodeFrom 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.
Spec Writer loads about 1.6k tokens when it runs. Until then it costs about 42 tokens; SKILL.md has 780 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 MageByte-Zero/spec-superflow at commit 25d9b0c, republished under its MIT licence (© MageByte-Zero). 780 words, ~1,603 tokens.
.claude/skills/spec-writer/SKILL.md (or your agent's skills folder).Before executing a CLI line below, replace its leading SSF with node "<plugin-root>/scripts/spec-superflow.mjs"; <plugin-root> is the absolute directory two levels above this file. Never run SSF literally or call an ssf from PATH.
Create or refine planning artifacts when the change has moved beyond exploration.
For a new request (no state or workflow auto), or workflow_variant planned, write proposal.md and tasks.md together without pausing between individual artifacts. Proposal holds the goal, in/out scope, acceptance and risks; tasks holds ordered deliverables and proof commands. Add specs only for behavior needing durable scenarios and design only for unresolved architectural decisions. Do not create execution-contract.md or duplicate the task list in another plan.
Check shared interfaces against the real source once, then self-check the problem, scope, dependencies and proof. Present one approval request only if this concrete plan lacks approval. After approval run SSF workflow start <dir> --path planned --confirm --reason "<user decision>" and continue implementation. No intermediate planning/bridging transitions or independent reader agent. A semantic revision uses the same command after approval; a nonsemantic correction uses execution resync and retains failed-review history. The remaining sections apply only to existing legacy changes.
Read .spec-superflow.yaml (especially dp_0_decisions, dp_0_confirmed) and any existing planning artifacts. If dp_0_confirmed is not true, stop and route back to workflow-start for DP-0.
Run: SSF runtime config --get artifacts.order — generate in configured order (default: proposal → specs → design → tasks). Run with artifacts.skip — skip any listed artifacts.
proposal.md: why and scopespecs/: required behavior (testable)design.md: architecture decisions and trade-offs (not line-by-line)tasks.md: dependency-aware implementation stepsHonor DP-0: Read dp_0_decisions, respect confirmed constraints, don't silently expand scope. Pause on unconfirmed decisions.
Must state: observed problem, what changes, in/out scope, impact areas, and proof of completion. Prefer concrete facts over empty adjectives such as “better”, “robust”, or “efficient”.
Every requirement must be testable. Use SHALL or MUST. Every requirement must have at least one #### Scenario: with WHEN/THEN. Group under ADDED/MODIFIED/REMOVED Requirements headers.
Must have: relevant facts and constraints, goals and non-goals, decisions (Choice + Rationale + Alternatives + Consequences), and risks with verification evidence. Do not invent stakeholders, migration steps, or open questions when they do not affect the decision.
Must include a delivery/proof map and dependency-aware tasks. Each task names the affected path or bounded area, the observable outcome, and the evidence command. Keep RED/GREEN details, review receipts, and dispatch mechanics in the execution contract/task brief; do not inflate reader-facing tasks into five ritual substeps.
Enter specifying before creating or editing planning artifacts: run SSF state transition <change-dir> specifying only if not already there. On resume, continue incomplete artifacts; do not self-transition. Full planning may omit specs only for explicitly unchanged behavior, and may omit design by configuration. Full cannot skip tasks: correct this configuration before generating the pack.
When DP-0 has made the scope clear, generate the configured planning pack (proposal, delta specs from templates/spec.md, design, and tasks) in order without pausing between individual artifacts. Validate the pack, then request one DP-2 review. Pause earlier only when the missing decision can change user-visible behavior, compatibility, security, delivery scope, or the selected design; or when artifacts state incompatible scope.
## Why > 50 chars, ## What Changes, ## Scope (In/Out), ## Impact, no TBD/TODO; claims name an observed problem and a completion proof#### Scenario: with WHEN/THEN per requirement, grouped under delta headers, no contradictions## Decisions (≥1, with Choice+Rationale+Alternatives+Consequences), risks and verification- [ ] per task on its own line); the guard enforces this format when entering executionIf any artifact fails validation, fix before handing off to contract-builder.
Present a concise summary of the configured artifacts. Self-check five questions once: problem, command boundary, invalidation boundary, continuation boundary, and document flow. Do not dispatch a blind-reader subagent unless the user explicitly requested delegation. Reuse approval already covering these artifacts; ask one consolidated question only for a new material decision or missing artifact approval. Do not add a separate continuation question. After approval:
SSF state set <change-dir> dp_2_result "approved: <summary>"
SSF state set <change-dir> dp_2_timestamp nowAfter DP-2 is recorded, remain in specifying and continue to contract-builder.
Do not start implementation after writing planning artifacts. Once stable, validated, and DP-2 is recorded, hand off to contract-builder.
© MageByte-Zero, 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 skills/spec-writer of MageByte-Zero/spec-superflow.
Open the folder on GitHubat commit 25d9b0c
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in MageByte-Zero/spec-superflow, which our catalogue first saw on October 7, 2026.
Spec Writer 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 |
|---|---|---|---|---|---|---|
| Spec Writer this skillMageByte-Zero/spec-superflow | 839 | 1 repos | ~1.6k | Automated safety check: Pass | MIT | |
| Refactoring UIs0xDk/refactoring-ui-skill | 584 | — | ~3.5k | Automated safety check: Pass | MIT | |
| Kaizen UINVIDIA/Personal-AI-Router | 1.6k | — | ~4.7k | Automated safety check: Pass | Apache-2.0 | |
| UX Create Manifesth0x91b/dev-3.0 | 307 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | |
| Extract Designdanielvm-git/bigpowers | 256 | — | ~1k | Automated safety check: Pass | MIT | |
| Build Screentsubotax/melta-ui | 201 | — | ~1.3k | Automated safety check: Pass | MIT |
s0xDk/refactoring-ui-skill
Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…
NVIDIA/Personal-AI-Router
Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.
h0x91b/dev-3.0
Create the initial Product UX Bible for an existing web or full-screen web app by deeply auditing the repository, using sub-agents when available, and generating docs/ux manifests, schemas, budgets…
danielvm-git/bigpowers
Extract a Google DESIGN.md file from an HTML prototype (claude.ai/design or any styled page) using Puppeteer, producing machine-readable tokens and AI-generated prose.
tsubotax/melta-ui
melta DS の契約から画面 1 枚(ページ / スクリーン)を生成し、checkhtml で自己検証して coverage と評価不可まで報告する。トリガー: 「画面を作って」「〜ページを生成」「画面生成」「ダッシュボードを作って」「設定画面を作って」「build screen」「generate a page」。AGENTS.md のタスクベース読み込みガイドで契約を引き当て、最大 3…
DeL-TaiseiOzaki/claude-code-orchestra
Analyze project structure, populate .claude/docs/DESIGN.md, and write the thin Repository Identity section in .claude/STATE.md.
MageByte-Zero/spec-superflow
A skill your agent uses when encountering any bug, test failure, or unexpected behavior during spec-superflow execution, before proposing fixes.
MageByte-Zero/spec-superflow
Clarify intent, scope, constraints, and success criteria before artifact creation.
MageByte-Zero/spec-superflow
Execute an active direct request or approved planned change.
MageByte-Zero/spec-superflow
Maintain an execution contract only for an existing legacy change that requires one.
MageByte-Zero/spec-superflow
Close out a spec-superflow change with verification, summary, and archive readiness.
MageByte-Zero/spec-superflow
Primary entry point for the spec-superflow state-machine workflow.
Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow. Spec Writer is an agent skill from MageByte-Zero/spec-superflow. Create or refine spec-superflow planning artifacts.
Spec Writer fits situations like: tasks that involve Design tokens.
Run `npx skills add MageByte-Zero/spec-superflow --skill spec-writer -a claude-code`. Or copy the skill folder (skills/spec-writer in MageByte-Zero/spec-superflow) into .claude/skills/spec-writer in your project. Claude Code loads it when a task matches its description.
Run `npx skills add MageByte-Zero/spec-superflow --skill spec-writer -a codex`. Or copy the skill folder (skills/spec-writer in MageByte-Zero/spec-superflow) into .agents/skills/spec-writer 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 MageByte-Zero/spec-superflow --skill spec-writer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/spec-writer, .gemini/skills/spec-writer, .github/skills/spec-writer and .opencode/skills/spec-writer in your project.
Going by SKILL.md and its folder, Spec Writer needs the command-line tools its instructions call (node).
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.
Spec Writer is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.6k tokens (SKILL.md is roughly 6.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 Spec Writer: Refactoring UI (s0xDk/refactoring-ui-skill, 584 stars), Kaizen UI (NVIDIA/Personal-AI-Router, 1.6k stars), UX Create Manifest (h0x91b/dev-3.0, 307 stars) and Extract Design (danielvm-git/bigpowers, 256 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
MageByte-Zero (a GitHub user) maintains it in MageByte-Zero/spec-superflow, which has 839 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 1, 2026.
Source: MageByte-Zero/spec-superflow on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.