Apply design-system constraints and accessibility guidelines to UI/UX tasks.
npx skills add https://github.com/Kibbey/fyli --skill designer-kibbey
Please help me install this Agent Skill. Skill: designer Source: https://github.com/Kibbey/fyli/tree/main/.claude/skills/designer Command: npx skills add https://github.com/Kibbey/fyli --skill designer-kibbey
This Skill streamlines UI/UX design work by providing a cohesive framework, reference materials, and best practices to ensure consistent, accessible, and high-quality interfaces across the project.
Use the designer skill to audit the current UI and propose a cohesive improvement plan aligned with the design system.
High-intent search queries and answers about installing and using this skill.
To ensure UI design meets accessibility guidelines, this framework enforces contrast, focus management, and keyboard navigation standards. It evaluates interface proposals against project style rules to output actionable accessibility improvements.
Auditing UI styling inconsistencies involves evaluating current layouts against the project style guide. This framework compares colors, typography, and spacing against design-system constraints to output actionable changes for cohesive visuals.
Maintaining design system alignment when creating new screens requires enforcing constraints for colors, typography, and spacing. This framework applies style guide best practices to ensure visuals stay consistent across different platforms.
Yes, you can fix typography and color spacing across multiple platforms. The framework refines these interface design elements by enforcing project style guide best practices to deliver cohesive visuals.
You need an existing style guide to use this design framework effectively. The system enforces design-system constraints, accessibility guidelines, and best practices defined within your project documentation to ensure cohesive interfaces.
ihlamuryEnforce Lemonsqueezy's UI design system with light mode, Inter font, and a 4px grid.
bonnguyenitcCreate distinctive frontend interfaces with design tokens and responsive layouts.
pavegEnforce UI design standards across frontend projects with theme tokens and component architecture.
respira-pressExtract design tokens and render a style-guide page from WordPress sites.
