Design UI/UX interfaces with design tokens for color, typography, and spacing.
npx skills add https://github.com/tameto/AltMe --skill ui-designer-tameto
Please help me install this Agent Skill. Skill: ui-designer Source: https://github.com/tameto/AltMe/tree/main/.claude/skills/ui-designer Command: npx skills add https://github.com/tameto/AltMe --skill ui-designer-tameto
This Skill addresses the challenge of creating user interfaces that are not only visually appealing but also highly functional, accessible, and aligned with design best practices, ensuring a seamless user experience.
Design a new screen for user profile editing, focusing on clear information hierarchy and accessible form elements.
High-intent search queries and answers about installing and using this skill.
To design an accessible user interface with clear visual hierarchy, establish strong information architecture and enforce design system consistency using tokens for color, typography, and spacing. This ensures functional alignment with accessibility standards.
Handling empty, loading, and error states in component design requires explicitly defining these edge cases within your information architecture. Enforcing design tokens ensures consistent visual feedback across all user interface states.
The best way to structure information architecture for a user onboarding flow is to map clear visual hierarchy and component design steps. This guides users effectively while adhering to accessibility standards throughout the process.
You can enforce design system consistency by applying standardized tokens for typography, spacing, and color. This method guarantees visual and functional alignment across all interface components.
Accessible UI design requires handling edge cases like loading, empty, and error states for form elements. Applying design tokens ensures these interactive components remain intuitive and compliant with accessibility standards.
Alpizar28Organize digital product structure into a content hierarchy blueprint.
etylsarinExtract design tokens and convert Figma designs into React, Vue, or HTML/CSS code.
aj-geddesDesign user flows and ASCII wireframes with WCAG 2.1 AA accessibility specifications.
curiositechAudit designs and UI components for WCAG 2.1 compliance with specific fixes.
