skills.rest
mewomewoliu
mewomewoliuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-taste

Apply a defined aesthetic direction across critique, spec, code, and variant workflows.

1|Updated Mar 16, 2026
Search Tags:#typography#UI#tokens#aesthetics#motion#design-taste#style-directions
One-click install
npx skills add https://github.com/mewomewoliu/ici-design-studio --skill design-taste
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-taste
Source: https://github.com/mewomewoliu/ici-design-studio/tree/main/design-taste
Command: npx skills add https://github.com/mewomewoliu/ici-design-studio --skill design-taste

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Amplifies visual and UI design quality by encoding a coherent aesthetic sensibility and applying it across four workflows — critique, spec generation, production code, and design variants. Use this to make designs feel intentional, cohesive, and durable across components, pages, and systems.

Core Features & Use Cases

  • Apply a strong, coherent aesthetic across critique, spec, code, and variant workflows.
  • Generate design-system decisions for typography, color, spacing, and motion, aligned with a chosen direction.
  • Translate inputs (Figma URLs, design briefs, or component requests) into production-ready outputs and polished explorations.
  • Use Style Detection to infer the most fitting directional language for a brand.

Quick Start

Provide a Figma URL or design brief and I will apply the Design Taste aesthetic across critique, spec, or variant exploration.

Frequently Asked Questions about design-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain a coherent aesthetic across UI design critique and production code?▼

A coherent aesthetic across UI design is maintained by encoding a discerning sensibility that applies uniformly across critique, spec generation, production code, and design variant workflows. This ensures design decisions remain intentional and cohesive across components and pages.

What design tokens are needed to generate a cohesive UI style direction?▼

Generating a cohesive UI style direction requires tokens for typography, color, spacing, and motion, aligned with a defined Style Directions Library. A frontmatter with at least a name and description is also required to initialize the context.

Can I use a Figma URL to generate production-ready UI specs and design variants?▼

Yes, a Figma URL can be used as an input to generate production-ready UI specs, design-system decisions, and polished explorations. Design briefs and component requests are also accepted as valid inputs for producing aligned outputs.

What is the best way to infer the fitting visual style for a brand's design system?▼

The best way to infer a fitting visual style is to use Style Detection, which analyzes inputs like design briefs to determine the most appropriate directional language for a brand. This guides downstream decisions for typography, color, spacing, and motion tokens.

Does this UI aesthetic workflow work without defining a Style Directions Library?▼

No, this UI aesthetic workflow does not work without a defined Style Directions Library. The library is a prerequisite to ensure the applied aesthetic sensibility remains durable and aligned across the critique, spec, and variant workflows.

Related Skills

Explore More Design & Creative Skills→
alexdcdalexdcd
46

nombre-de-mi-skill

Create new Claude skills with YAML frontmatter and Markdown guidance.

Community
Intermediate
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
mewomewoliumewomewoliu
1

design-engineer

Translate Figma design intent into production-ready React components with design tokens.

Community
Advanced
thejordanleopoldthejordanleopold
4

design-system

Codify design tokens, color, typography, spacing, and motion into a DESIGN.md deliverable.

Community
Advanced