Generate UI/UX design systems with color, typography, and layout patterns.
npx skills add https://github.com/dascard/nanobot --skill ui-ux-pro-max-dascard
Please help me install this Agent Skill. Skill: ui-ux-pro-max Source: https://github.com/dascard/nanobot/tree/main/.Codex/skills/ui-ux-pro-max Command: npx skills add https://github.com/dascard/nanobot --skill ui-ux-pro-max-dascard
This skill solves the challenge of maintaining design consistency and professional standards by providing an automated, searchable, and hierarchical design system generator that prevents common UI/UX anti-patterns.
Use the ui-ux-pro-max skill to generate a professional design system for a fintech dashboard project.
High-intent search queries and answers about installing and using this skill.
Generate a design system for a web application by aggregating domain-specific color, typography, and layout patterns. This approach ensures UI accessibility, responsive design, and consistent component styling across your project.
Yes, you can use Tailwind CSS to implement the generated UI/UX design system. The skill provides stack-specific implementation guidance for frameworks like React, Next.js, and Tailwind CSS to deliver accessible code.
The best way to maintain design consistency is using a hierarchical retrieval system with Master and Overrides patterns. This defines global design rules while enabling page-specific deviations for mobile app screens to prevent UI anti-patterns.
Yes, the generated design system supports both web and mobile application development workflows. It provides comprehensive layout patterns and implementation best practices tailored to your product type to ensure responsive design.
Override global typography rules for a specific dashboard layout using the Master and Overrides hierarchical pattern. This allows you to establish global design rules while safely defining page-specific deviations to meet unique user experience requirements.
You need an automated design system generator to prevent common UI/UX anti-patterns and maintain professional standards. Manually defining frontend color palettes often leads to inconsistencies, whereas automated aggregation ensures accessible, responsive design language.
ZiadNagarDefine motion tokens, choreography patterns, and reduced-motion support for design systems.
somachakStandardize design tokens and component styling patterns for Tailwind-based React projects.
dev-mirzabicerTranslate design briefs into production-ready frontend UI components.
VoTruongDanhExplains Tailwind CSS v4 principles, CSS-first configuration, container queries, and design token architecture.
