Plugins

1 plugin

Component Spec and Pattern Library

Document component anatomy, variants, and usage patterns for consistent implementation.

5 skills · plugin

Results for “variants”

10 skills

Builds disposable HTML mockups in multiple design variants so users can compare and choose between them.

Stitch Generate Design

Generates new design screens from text or images, edits existing screens with prompts and design tokens, and creates design variants using Stitch MCP, with prompt enhancement and asset downloading.

Generates 2-3 disposable HTML mockups for comparing UI design directions before committing to one.

Compare multiple UI variants locally in a real app, choose one, and clean up unused temporary code.

More results

Redesign a website page for presales by extracting its brand surface, identifying tensions, and generating three differentiated variants with motion validation.

google-labs-code

Stitch Generate Design

Generate new design screens from text prompts or images, edit existing screens, and create design variants using Stitch MCP.

Customize shadcn/ui themes by editing CSS variables, adding custom colors, and adjusting border radius.

Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.

Design Style Skill

Select a consistent visual design system for PPT slides using radius/spacing style recipes, including Sharp, Soft, Rounded, and Pill variants with component mappings and typography rules.

Claude Design Principles

Provides a structured checklist of design principles and rules to produce grounded, non-generic UI/HTML/slide outputs by gathering context, offering multiple variants, and avoiding AI-slop patterns.