ui-portfolio-design
Dynamic UI design system generator that creates 10 unique, diverse design directions every time it's invoked. Generates both detailed specifications AND an interactive HTML preview so users can visually explore all options. Each direction includes complete specifications (typography, colors, spacing, components, motion). Automatically triggers before any new UI/frontend work to ensure intentional, cohesive aesthetics. Never shows the same 10 designs twice - always generates fresh options based on varied inspirations, aesthetics, and use cases.
Installation and usage
Dynamic UI design system generator that creates 10 unique, diverse design directions every time it's invoked. Generates both detailed specifications AND an interactive HTML preview so users can visually explore all options. Each direction includes complete specifications (typography, colors, spacing, components, motion). Automatically triggers before any new UI/frontend work to ensure intentional, cohesive aesthetics. Never shows the same 10 designs twice - always generates fresh options based on varied inspirations, aesthetics, and use cases.
Once installed, you can use this skill by running the following command in your terminal:
skills use ui-portfolio-design