Generate complete design systems and tokens for UI projects.
npx skills add https://github.com/mgsystemsdev/POD --skill ui-ux-pro-max-mgsystemsdev
Please help me install this Agent Skill. Skill: ui-ux-pro-max Source: https://github.com/mgsystemsdev/POD/tree/main/agent-system-base/.claude/skills/ui-ux-pro-max Command: npx skills add https://github.com/mgsystemsdev/POD --skill ui-ux-pro-max-mgsystemsdev
Design teams spend excessive time creating and maintaining cohesive design systems. This skill automates generation of style systems, tokens, and UX rules to ensure consistency across products.
Describe your product and its audience to generate a complete design system with tokens and UX rules.
High-intent search queries and answers about installing and using this skill.
To generate design tokens for a new UI project, describe your product and audience to automatically produce tokens for colors, typography, spacing, radii, and shadows. This process ensures cohesive style governance across your product launch.
Creating a complete design system with UX rules involves automating the generation of style constraints and token-driven governance. By defining your product context, you receive export-ready formats for colors, typography, and spacing that enforce UI consistency.
Yes, you can export design tokens for integration into existing codebases. The generated tokens for typography, colors, and spacing are produced in ready formats for design tools and codebases, facilitating seamless token-driven style governance.
To maintain consistency when upgrading an existing design system, apply automated token generation and UX governance. This enforces design constraints across your UI, producing updated tokens for radii, shadows, and colors in export-ready formats.
No specific design tool dependencies are required to generate these tokens. The system operates independently to produce export-ready formats for colors, typography, and spacing that you can subsequently integrate into your preferred design tools and codebases.
Owl-ListenerDefine and document a design brief with problem space, audience, constraints, and success criteria.
Lin-0096Extract reusable UI components and design tokens into a centralized design system.
herdiansahCreate responsive UI components and layouts using CSS Grid and Flexbox.
hulusi-tuncEstablish naming conventions for design elements, components, and tokens.
