Design SaaS user interfaces with UX laws and modern patterns.
npx skills add https://github.com/brabos-ai/code-addiction --skill add-ux-design
Please help me install this Agent Skill. Skill: add-ux-design Source: https://github.com/brabos-ai/code-addiction/tree/main/framwork/.codeadd/skills/add-ux-design Command: npx skills add https://github.com/brabos-ai/code-addiction --skill add-ux-design
This Skill addresses the challenge of creating distinctive, production-grade user interfaces that go beyond generic templates, ensuring a high-craft aesthetic and adherence to UX best practices.
Use the add-ux-design skill to design a new dashboard for a SaaS analytics platform.
High-intent search queries and answers about installing and using this skill.
To design a SaaS dashboard with a clean aesthetic, apply a 'Minimal Clean + Data-Dense' direction using provided styling and theming guidance, covering components, charts, tables, and forms.
When building SaaS user interfaces, apply UX laws like Fitts's Law, Hick's Law, and Miller's Law to ensure intuitive navigation, reduce cognitive load, and adhere to established interaction design principles.
Implement modern UI patterns like optimistic UI, command palettes, and inline editing by following specific design guidance that covers component integration, styling direction, and adherence to UX best practices.
Use detailed checklists for accessibility, performance, and anti-patterns to evaluate SaaS interfaces, ensuring your pages, layouts, and forms meet production-grade quality standards and avoid common interaction design failures.
Yes, you can design forms, tables, charts, and layouts for a new SaaS analytics platform by defining a unique visual point of view and utilizing provided guidance on styling, theming, and high-craft aesthetics.
Generic SaaS UI templates lack a distinctive visual point of view because they bypass high-craft aesthetic direction and specific UX law adherence, which are required to create production-grade, memorable interfaces.
LerianStudioDefine component interfaces and data contracts before protocol selection.
marduk191Design and implement production-grade frontend interfaces with HTML/CSS/JS or React and Vue components.
viably-labsDesigns accessible SaaS UI/UX systems with tokens, shadcn/ui and Radix components, dark mode, WCAG 2.1 AA compliance, and responsive layouts.
legoutStandardize visual design elements in Streamlit applications using Material icons and layout configuration.
