web-design-guidelines
前端 UI 审查清单：可读性、视觉密度、间距、响应式、空状态、加载态和可访问性。
Datos de origen
- Repositorio
- OpenBMB/PilotDeck
- Última actividad en el origen
- 9 de junio de 2026 a las 03:48
- Idioma detectado de SKILL.md
- inglés
- Estrellas
- 4365
- Forks
- 492
Opciones de instalación
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Revisa los archivos de origen
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Mostrando SKILL.md
SKILL.md
Instrucciones de origen · Vista previa de solo lectura- name
- web-design-guidelines
- description
- 前端 UI 审查清单：可读性、视觉密度、间距、响应式、空状态、加载态和可访问性。
# Web Design Guidelines
Use this skill after building or modifying web UI. It helps the agent review whether the interface is usable, readable, responsive, and polished.
## Checklist
1. Layout: consistent alignment, predictable grid, no accidental crowding.
2. Typography: readable sizes, clear hierarchy, line length under control.
3. Color: sufficient contrast, semantic states, no random palette mixing.
4. Interaction: clear hover/focus/active/disabled states.
5. Responsiveness: mobile, tablet, and desktop layouts remain usable.
6. Accessibility: keyboard focus, labels, alt text, contrast, reduced motion where relevant.
7. Product states: loading, empty, error, offline, and success states exist when needed.
8. Polish: spacing, borders, shadows, icon sizes, and copy tone feel consistent.
## Output
When reviewing, return: pass/fail summary, top issues, concrete fixes, and files/components likely affected.
## PilotDeck Migration Note
- Source inspiration: Vercel Agent Skills web design guidance and common UI QA practice.
- This is a PilotDeck-native draft, not a verbatim copy.
Ver en GitHub