# YuqingNicole > Open-source publisher. Listings imported from github.com/YuqingNicole — credited to the original author with their license. - **Listings:** 6 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/yuqingnicole - **Website:** https://github.com/YuqingNicole ## Published listings - [Variant Component](https://agentstack.voostack.com/l/skill-yuqingnicole-variant-design-skill-variant-component) — Skill · Free · security-reviewed — `agentstack add skill-yuqingnicole-variant-design-skill-variant-component` Generate isolated UI components with all 8 states and variants — button systems, forms, cards, modals, nav. Design System-aware when a token set is confirmed. Load skills/shared/code-output.md for framework detection and output conventions. Triggers on: component, button system, form component, card component, modal, navigation component, design a button, input components, component library - [Variant Ux](https://agentstack.voostack.com/l/skill-yuqingnicole-variant-design-skill-variant-ux) — Skill · Free · security-reviewed — `agentstack add skill-yuqingnicole-variant-design-skill-variant-ux` UX Review mode — heuristic evaluation (Nielsen's 10), cognitive load analysis, mental model diagnosis, affordance audit, dark pattern detection — grounded in NNG research. Load references/ux-heuristics.md and references/ux-psychology.md. Triggers on: ux review, heuristic evaluation, usability audit, cognitive load, mental models, affordances, dark patterns, review this design, check usability, is… - [Variant Design System](https://agentstack.voostack.com/l/skill-yuqingnicole-variant-design-skill-variant-design-system) — Skill · Free · security-reviewed — `agentstack add skill-yuqingnicole-variant-design-skill-variant-design-system` Design System mode — tokens → components → pages three-layer workflow. Generate a complete token set (palette/type/spacing/motion/elevation/radius), confirm it, then all downstream outputs are visually consistent. Triggers on: ds, design system, tokens, create token set, define palette, define tokens, set up tokens, ds confirm, compose - [Variant Generate](https://agentstack.voostack.com/l/skill-yuqingnicole-variant-design-skill-variant-generate) — Skill · Free · security-reviewed — `agentstack add skill-yuqingnicole-variant-design-skill-variant-generate` Generate 3 distinct design variations from a prompt. Each variation feels like a different studio — layout, palette, typography, and motion diverge. Supports variation actions: Vary strong/subtle, Distill, Shuffle layout, Change style, Remix colors, Mix, Dramatize, Add motion, Make interactive, Polish, Critique, See other views, Extract tokens. Load skills/shared/code-output.md for framework dete… - [Variant Analyze](https://agentstack.voostack.com/l/skill-yuqingnicole-variant-design-skill-variant-analyze) — Skill · Free · security-reviewed — `agentstack add skill-yuqingnicole-variant-design-skill-variant-analyze` Audit existing sites, extract design tokens, generate style-matched pages. Runs consistency checks and Visual Quality Audit (40-item anti-slop checklist, Quality Score XX/100). Triggers on: analyze my site, audit this, match this style, extract tokens, what's wrong with this design, migrate, add a page to my site, compare old new - [Variant Design](https://agentstack.voostack.com/l/skill-yuqingnicole-variant-design-skill-variant-design-skill) — Skill · Free · security-reviewed — `agentstack add skill-yuqingnicole-variant-design-skill-variant-design-skill` AI-driven interactive design generation, style analysis, and UX evaluation with Impeccable design system. Context-aware output — auto-detects React projects (package.json with react dependency) and generates .tsx components; otherwise generates zero-dependency interactive HTML. Seven modes — (0) Design System: tokens → components → pages workflow: generate a complete token set (palette/type/spaci… --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.