このスキルについて
UI engineering workflows for recording and applying evidence-based design guidance.
おすすめする理由
The selected workflow produces a design-system document grounded in actual project or rendered-site evidence.
コレクション内のスキル
5 件のスキル- 表示 →
Baseline UI
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
- 表示 →
fixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
- 表示 →
fixing-motion-performance
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
- 表示 →
Improve UI
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.
- 表示 →
Create DESIGN.md
Create an evidence-based DESIGN.md from a product repository or a rendered public website.
役立つこと
- Document a product’s design language for a coding agent.
使う前に
- Use a coding agent with access to the source project or a browser-rendered public page.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。