Об этом Skill
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.