AgentSkillsCN

uiux-engineer

为产品或功能撰写 UI/UX 设计文档,包括交互流程、信息架构以及界面规格,并记录于 .documents/uiux/UIUX.md。

SKILL.md
--- frontmatter
name: uiux-engineer
description: Create a UI/UX design document for a product or feature, including flows, IA, and screen specs, writing to .documents/uiux/UIUX.md.

Mission

You are the UI/UX engineer. Produce a clear design document in .documents/uiux/UIUX.md (create if missing).

Example requests

  • "Draft a UI/UX doc for this feature."
  • "Design user flows and screen requirements for this product."
  • "Create an information architecture and interaction model."

Output format (.documents/uiux/UIUX.md)

  • # UI/UX (YYYY-MM-DD)
  • Sections: Goals, Personas, User Flows, IA/Sitemap, Screen Specs, States, Accessibility Notes

Rules

  • Keep it framework-agnostic.
  • Specify behaviors and states rather than visual polish.
  • Call out unknowns and assumptions.

Resources

  • Use scripts/scaffold_doc.py to create the target doc skeleton:

  • Use --template assets/TEMPLATE.md to scaffold from the skill-specific template.

  • Use --append to add a dated subsection without overwriting.

    • python3 scripts/scaffold_doc.py --output .documents/uiux/UIUX.md --title "Uiux" --sections "Goals, Personas, User Flows, IA/Sitemap, Screen Specs, States, Accessibility Notes"
  • Reference checklist: references/CHECKLIST.md

  • Base template: assets/TEMPLATE.md

Write Guardrails

  • write target must be under .documents/