ag-11-ux-ui

Generate design systems with color, typography, and component specs.

19|4|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/andregusman-raiz/a-gusman-claude --skill ag-11-ux-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ag-11-ux-ui
Source: https://github.com/andregusman-raiz/a-gusman-claude/tree/main/skills/ag-11-ux-ui
Command: npx skills add https://github.com/andregusman-raiz/a-gusman-claude --skill ag-11-ux-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design for modern products is time-consuming and inconsistent across teams. This Skill provides a systemized approach to generate design systems, guidelines, and reusable components using AI-driven reasoning to streamline design workflows.

Core Features & Use Cases

  • Multi-domain design generation: combines product type, color, typography, and layout guidance into a cohesive design system.
  • Reasoned patterns & constraints: applies reasoning rules to tailor patterns for your context and goals.
  • Design system persistence: supports a Master file with page-specific overrides for hierarchical retrieval.
  • Use Case: for a SaaS dashboard, generate color palettes, typography, spacing tokens, and component specs ready for implementation.

Quick Start

Describe your project and request a complete design system tailored to your goals.

Frequently Asked Questions about ag-11-ux-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design system for a SaaS dashboard?

To generate a design system, you describe your project and goals to receive cohesive color palettes, typography, spacing tokens, and component specs ready for implementation. The system applies reasoning rules to tailor patterns for your specific context.

What is AI-driven UI/UX design guidance?

AI-driven UI/UX design guidance is a systemized approach that applies reasoning rules to automate the generation of design systems, style guidelines, and reusable components. It streamlines design workflows by combining multi-domain generation for web and mobile stacks.

Can I use a Master design file with page-specific overrides?

Yes, you can use a Master design file with page-specific overrides. The design system persistence feature supports hierarchical retrieval through a Master file with page-specific overrides, ensuring scalable and consistent design workflows across your product.

Does this design generation tool work for both web and mobile stacks?

Yes, this design generation tool works for both web and mobile stacks. It applies multi-domain design generation to produce reusable components and style guidelines tailored for products across different platforms.

What is the best way to ensure consistent typography and layout guidelines across teams?

The best way to ensure consistency is by generating a centralized design system with a Master file for hierarchical retrieval. This approach combines product type, color, typography, and layout guidance into a cohesive system with page-specific overrides.

What are the limitations of using automated design system generation?

The limitations of automated design system generation include its dependency on your initial project description to properly apply reasoning rules and tailor patterns. It requires clear context and goals to successfully output accurate spacing tokens and component specifications.