Generate a UI/UX design system with patterns, styles, colors, and typography.
npx skills add https://github.com/hbn0729/hbnToDo --skill ui-ux-pro-max-hbn0729
Please help me install this Agent Skill. Skill: ui-ux-pro-max Source: https://github.com/hbn0729/hbnToDo/tree/main/.github/skills/ui-ux-pro-max Command: npx skills add https://github.com/hbn0729/hbnToDo --skill ui-ux-pro-max-hbn0729
This Skill provides a comprehensive, AI-assisted guide to create cohesive UI/UX systems, reducing design guesswork and accelerating delivery.
Run the design-system generator with a query describing your product (e.g., “SaaS dashboard for analytics”) and an optional project name to tailor output. Then review the report and adapt to your stack.
High-intent search queries and answers about installing and using this skill.
To generate a UI/UX design system, provide a query describing your product context, such as a SaaS dashboard. The reasoning engine applies cross-domain searches and accessibility rules to output structured patterns, color palettes, and typography.
To ensure UI color palette and typography meet accessibility standards, this design system generator applies built-in reasoning rules. It evaluates cross-domain guidelines to propose accessible color and typography combinations tailored to your product.
Yes, you can use this UI/UX design system generator offline. It runs entirely offline using local Python 3 scripts and included CSV data for domains and guidelines, requiring no external dependencies or internet access.
Yes, you need Python 3 installed to run the cross-domain design system reasoning rules. The skill operates locally via scripts that process the included CSV data to synthesize styles, colors, and typography for your product.
Cross-domain reasoning for landing page and mobile app design synthesizes styles, colors, and typography from multiple sources. It applies prioritization rules to align the generated design system with specific product goals and contexts.
The implementation-ready output for UI/UX design handoff includes a structured design system. This comprises synthesized patterns, styles, color palettes, typography, and actionable guidance tailored to your specified product context.
AndyMarigoldLabsGenerate design systems from local CSV data sources with Python scripts.
dirnbauerEnforces webconsulting.at design tokens and typography rules across React frontend projects.
Camilo8902Translate Figma design specifications into React components with Tailwind CSS and design tokens.
locnbk2002Generates UI/UX design systems and conducts accessibility audits for web/mobile apps using Python scripts.
