web-interface-guidelines
Guidelines for designing user-friendly and accessible web interfaces.
When & Why to Use This Skill
This Claude skill provides a comprehensive framework for designing and auditing web interfaces to ensure they are accessible, high-performing, and user-centric. By establishing clear 'MUST/SHOULD/NEVER' rules, it helps developers and AI agents maintain high standards of UI/UX quality, focusing on accessibility compliance (WCAG), speed, and delightful user experiences.
Use Cases
- Accessibility Compliance: Use the guidelines to ensure web interfaces meet international accessibility standards, making content reachable for users with disabilities.
- UI/UX Quality Assurance: Act as a checklist during the design and development phase to prevent common usability pitfalls and ensure a professional finish.
- Standardizing Agent Output: Provide these guidelines to AI agents generating frontend code to ensure the resulting interfaces are consistent, fast, and user-friendly.
- Performance Optimization: Implement the 'fast' and 'delightful' principles to improve page load times and overall user engagement metrics.
| name | web-interface-guidelines |
|---|
Web Interface Guidelines for AI Agents
Rules for building accessible, fast, delightful UIs. Use MUST/SHOULD/NEVER to guide decisions. See the reference guide for details.