Component Spec vs Taste Skill

Component Spec

By JR Brugger (Design Workflow)

Write complete design system specs covering variants, states, accessibility, and usage.

Taste Skill

By Leonxlnx

Get a landing page with real art direction instead of the generic AI-made website look.

Component Spec

• Generates structured component specifications with anatomy breakdowns, variants, and props
• Documents all component states (hover, focus, disabled, loading, error) with clear descriptions
• Includes accessibility requirements like ARIA roles, keyboard navigation, and screen reader support
• Provides usage guidelines with do/don't examples and content rules
• Covers behavior details like interactions, animations, and responsive breakpoints

Taste Skill

• Offers three researched design directions and picks the one that fits your business
• Writes the full page copy, with short headlines and one clear call to action
• Finds free, properly credited photos and footage from open museum and archive collections
• Bans common AI design clichés like gradients, glowing cards, and badge labels
• Checks the page at desktop, tablet, and phone sizes and fixes problems

Reach for Component Spec when…

• You're building a design system and need to document components thoroughly
• Your team needs shared specs so designers and developers stay aligned
• You're onboarding someone and want clear component documentation to reference
• You need to ensure accessibility is baked into every component from the start

Reach for Taste Skill when…

• You are building a landing page and want it to look premium, not templated
• Your current site looks like every other AI-generated page
• You need a one-page site for a cafe, event, product, or portfolio
• You want a design review of an existing marketing page