{"repo":"YuqingNicole/variant-design-skill","free":true,"listed":false,"github":"https://github.com/YuqingNicole/variant-design-skill","clone":"git clone https://github.com/YuqingNicole/variant-design-skill.git","description":"Solve the blank canvas problem. Prompt → 3 distinct designs → vary → export. A Claude Code skill inspired by the Variant design community.","language":"Shell","stars":45,"topics":["ai","claude-code","design","generative-design","skill","ui-design"],"license":"MIT","category":"ui-components","readme_excerpt":"variant-design English 中文 Solve the blank canvas problem. Prompt → 3 fully-formed distinct designs → vary → export. A Claude Code skill inspired by the Variant design community, powered by the Impeccable design system . Give it a prompt, get three divergent design directions — each from a different studio's aesthetic — then iterate with one-word actions. --- Sample output Three variations from a single prompt — each feels like a different studio: A — Editorial B — Dark Dashboard C — SaaS Landing --- --- --- --- What it does Generate Mode (default) 1. Detects your scenario — dashboard, SaaS landing page, editorial, e-commerce, mobile app, creative tool, education, portfolio, food & beverage, fashion & lifestyle 2. Loads design system references — typography, color theory (OKLCH), spatial design, motion, micro-interactions, interaction, responsive, UX writing 3. Generates 3 distinct variations — each pulls from a different aesthetic direction with full interactivity (scroll reveals, animated charts, hover effects, functional JS) 4. Runs an AI Slop Test — quality gate that catches generic AI aesthetic fingerprints before presenting 5. Ships working code — Context-aware output: auto-detects React projects and generates .tsx components; generates zero-dependency interactive HTML otherwise. Real content, no lorem ipsum 6. Offers variation actions — push further, polish, critique, swap styles, remix colors, shuffle layouts, add motion, dramatize, make interactive UX Review Mode Comp","default_branch":null,"files":null,"tree":[],"storefront":"/r/YuqingNicole","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/YuqingNicole/variant-design-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}