Agent skill

AI UI Dev Handoff

by PaperMoonuu in PaperMoonuu/Design-workflow-skills

L2 × AI 设计交付 / 开发沟通:将已完成设计稿或可评审原型的 L2 中型功能整理为开发、测试和产品可共用的交付包。适用于包含完整任务路径,且同时涉及字段规则、异步或异常状态、角色或生命周期、动态操作、响应式要求中至少两项的功能;当用户要求做设计交付、开发沟通、补齐组件/字段/状态/验收规格,或识别交付阻塞项时使用。

No licenceAuto-check passed

Install AI UI Dev Handoff

skills CLI
$ npx skills add PaperMoonuu/Design-workflow-skills --skill ai-ui-dev-handoff -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install PaperMoonuu/Design-workflow-skills ai-ui-dev-handoff --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/PaperMoonuu/Design-workflow-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ai-ui-dev-handoff .claude/skills/ai-ui-dev-handoff && rm -rf skills-src

Use ~/.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/

Facts

Skill name
ai-ui-dev-handoff
GitHub stars
316
Token cost
~666 tokens
SKILL.md length
134 words
Files
3 (incl. references)
Skills in repo
2
Repo updated
First seen
Licence
None found

At a glance

L2 × AI 设计交付 / 开发沟通:将已完成设计稿或可评审原型的 L2 中型功能整理为开发、测试和产品可共用的交付包。适用于包含完整任务路径,且同时涉及字段规则、异步或异常状态、角色或生命周期、动态操作、响应式要求中至少两项的功能;当用户要求做设计交付、开发沟通、补齐组件/字段/状态/验收规格,或识别交付阻塞项时使用。

  • Works in 6 steps: 建立事实台账 → 描述任务路径与组件契约 → 补全字段、权限与生命周期 → …
  • SKILL.md covers 准入判断, 执行流程, 输出契约 and 硬性边界, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

AI UI Dev Handoff is an agent skill from PaperMoonuu/Design-workflow-skills. L2 × AI 设计交付 / 开发沟通:将已完成设计稿或可评审原型的 L2 中型功能整理为开发、测试和产品可共用的交付包。适用于包含完整任务路径,且同时涉及字段规则、异步或异常状态、角色或生命周期、动态操作、响应式要求中至少两项的功能;当用户要求做设计交付、开发沟通、补齐组件/字段/状态/验收规格,或识别交付阻塞项时使用。

Its SKILL.md is about 670 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `agents/openai.yaml` and `references/delivery-templates.md`).

Example prompts

  • “/ai-ui-dev-handoff”

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. 建立事实台账
  2. 描述任务路径与组件契约
  3. 补全字段、权限与生命周期
  4. 枚举状态、异常与响应式规则
  5. 处理配置驱动的动态操作区(如适用)
  6. 输出交付包与就绪结论

What it can do on your machine

Read from SKILL.md and the folder at commit 268e4d3. It shows what the files ask for, not the result of running them.

  • Tool permissions

    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.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

AI UI Dev Handoff loads about 666 tokens when it runs, and up to ~1.2k if it reads all its reference files. Until then it costs about 45 tokens; SKILL.md has 134 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~45
When it runs · the whole SKILL.md, loaded when a task matches
~666
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.2k

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.

Safety

Auto-check passed

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.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 134 words (~666 tokens).

name
ai-ui-dev-handoff

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files (references) in ai-ui-dev-handoff of PaperMoonuu/Design-workflow-skills.

  • SKILL.md
  • agents/openai.yaml
  • references/delivery-templates.md

Open the folder on GitHubat commit 268e4d3

Compare with similar skills

AI UI Dev Handoff 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.

AI UI Dev Handoff compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
AI UI Dev Handoff this skillPaperMoonuu/Design-workflow-skills316—~666Automated safety check: PassNone
Session Handoff Documentthedotmack/claude-mem99k—~1.4kAutomated safety check: PassApache-2.0
Handoffnexu-io/open-design100k—~547Automated safety check: PassApache-2.0
Handoffalirezarezvani/claude-skills28k—~2.5kAutomated safety check: NotesMIT
Handoffalirezarezvani/claude-skills28k—~532Automated safety check: PassMIT
Session Handoff Writercodewhale-hq/Codewhale41k—~1.2kAutomated safety check: PassMIT

Similar skills

  • Session Handoff Document

    thedotmack/claude-mem

    Writes a HANDOFF.md capturing goal, state, files, failed attempts and next steps so a fresh agent session can continue exactly where this one stopped.

    99k GitHub stars~1.4k tokensUpdated today
    Agent WorkflowsAuto-check passed
  • Handoff

    nexu-io/open-design

    Push the run's accepted artifact to a downstream collaboration surface (cli, other code agents, cloud, desktop) and stamp the artifact manifest with the export target.

    100k GitHub stars~547 tokensUpdated today
    Frontend & DesignAuto-check passed
  • Handoff

    alirezarezvani/claude-skills

    Compact the current conversation into a handoff document for another agent to pick up.

    28k GitHub stars~2.5k tokensUpdated 1 mo ago
    Agent WorkflowsAuto-check: notes
  • Handoff

    alirezarezvani/claude-skills

    Compact the current conversation into a handoff document for another agent to pick up.

    28k GitHub stars~532 tokensUpdated 1 mo ago
    Product & Project ManagementAuto-check passed
  • Session Handoff Writer

    codewhale-hq/Codewhale

    Writes a compact handoff note from real git and CI state so the next session or a teammate can pick up the work without rebuilding the context.

    41k GitHub stars~1.2k tokensUpdated today
    Agent WorkflowsAuto-check passed
  • Handoff

    feiskyer/claude-code-settings

    将当前对话压缩为交接文档(handoff document / session handoff brief),供下一个 agent 接续工作。手动调用 /handoff。

    1.7k GitHub stars~173 tokensUpdated 12 days ago
    Agent WorkflowsAuto-check passed

More from PaperMoonuu/Design-workflow-skills

  • L1 AI Design Review

    PaperMoonuu/Design-workflow-skills

    L1 × AI 设计评审:对已完成的单页、局部 UI 设计稿进行小型迭代评审,识别影响面、状态遗漏、文案与一致性风险,并给出 P0/P1/P2 建议和验收清单。用户提供 Figma 链接、截图、前后设计稿或可评审原型,并要求设计走查、风险评审或开发前 UI 检查时使用;不用于设计前方案预检、完整多页面流程或 L2 开发交付。

    316 GitHub stars~492 tokensUpdated 17 days ago
    Auto-check passed

Questions about AI UI Dev Handoff

What does AI UI Dev Handoff do?

L2 × AI 设计交付 / 开发沟通:将已完成设计稿或可评审原型的 L2 中型功能整理为开发、测试和产品可共用的交付包。适用于包含完整任务路径,且同时涉及字段规则、异步或异常状态、角色或生命周期、动态操作、响应式要求中至少两项的功能;当用户要求做设计交付、开发沟通、补齐组件/字段/状态/验收规格,或识别交付阻塞项时使用。. AI UI Dev Handoff is an agent skill from PaperMoonuu/Design-workflow-skills.

How do I install AI UI Dev Handoff in Claude Code?

Run `npx skills add PaperMoonuu/Design-workflow-skills --skill ai-ui-dev-handoff -a claude-code`. Or copy the skill folder (ai-ui-dev-handoff in PaperMoonuu/Design-workflow-skills) into .claude/skills/ai-ui-dev-handoff in your project. Claude Code loads it when a task matches its description.

How do I install AI UI Dev Handoff in Codex?

Run `npx skills add PaperMoonuu/Design-workflow-skills --skill ai-ui-dev-handoff -a codex`. Or copy the skill folder (ai-ui-dev-handoff in PaperMoonuu/Design-workflow-skills) into .agents/skills/ai-ui-dev-handoff in your project. Codex loads it when a task matches its description.

Can I use AI UI Dev Handoff in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add PaperMoonuu/Design-workflow-skills --skill ai-ui-dev-handoff -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ai-ui-dev-handoff, .gemini/skills/ai-ui-dev-handoff, .github/skills/ai-ui-dev-handoff and .opencode/skills/ai-ui-dev-handoff in your project.

What does AI UI Dev Handoff need to run?

SKILL.md names no scripts, command-line tools or credentials: AI UI Dev Handoff is instructions for the agent only.

Does AI UI Dev Handoff access the network?

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.

Is AI UI Dev Handoff safe to install?

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.

What licence does AI UI Dev Handoff use?

No licence was found for AI UI Dev Handoff or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does AI UI Dev Handoff use?

About 666 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 547 tokens, read only when the agent opens those files.

What are the alternatives to AI UI Dev Handoff?

Skills that share tags, products or a category with AI UI Dev Handoff: Session Handoff Document (thedotmack/claude-mem, 99k stars), Handoff (nexu-io/open-design, 100k stars), Handoff (alirezarezvani/claude-skills, 28k stars) and Handoff (alirezarezvani/claude-skills, 28k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains AI UI Dev Handoff?

PaperMoonuu (a GitHub user) maintains it in PaperMoonuu/Design-workflow-skills, which has 316 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on September 22, 2026.

Source: PaperMoonuu/Design-workflow-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.