taste-design

Translate design taste preferences into a DESIGN.md for Stitch screens.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/datguynabeel/Bac-IA --skill taste-design-datguynabeel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/datguynabeel/Bac-IA/tree/main/.stitch/skills/taste-design
Command: npx skills add https://github.com/datguynabeel/Bac-IA --skill taste-design-datguynabeel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design system skill outputs a DESIGN.md that codifies a premium visual language for Stitch, translating taste into concrete rules to ensure consistent typography, color calibration, motion, and layout across interfaces.

Core Features & Use Cases

  • Semantic design guidelines: Define atmosphere, color roles, typography rules, motion philosophy, and responsive rules for high-quality interfaces.
  • Component-driven specs: Prescribe typography, button, card, input, navigation, and loader appearances to enforce consistency.
  • Handoff & generation: Produce a single DESIGN.md as the master reference for screen prompts and live-implementation specs.

Quick Start

Generate a DESIGN.md following the Taste Standard for a new dashboard, emphasizing asymmetric layouts, a single accent color, and a disciplined typography system.

Frequently Asked Questions about taste-design

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

FAQPage Schema
How do I generate a design system for Stitch screens from scratch?▼

To generate a design system for Stitch screens, define your taste preferences for atmosphere and layout. The system translates these into a DESIGN.md encoding typography, color calibration, motion rules, and anti-pattern bans for consistent interfaces.

What is the best way to codify UI design rules for dashboards and marketing pages?▼

The best way to codify UI design rules is to output a master DESIGN.md reference. This document prescribes component-driven specs for buttons, cards, and inputs, enforcing strict visual consistency across both dashboards and marketing pages.

Can I enforce responsive layout and motion philosophy rules in a single design document?▼

Yes, you can enforce responsive layout and motion philosophy rules in a single design document. The generated DESIGN.md defines semantic guidelines including asymmetric layouts, motion principles, and responsive rules to satisfy high-quality interface requirements.

Does this design language approach support strict typography and color palette calibration?▼

Yes, this design language approach supports strict typography and color palette calibration. It translates design taste into concrete rules, encoding a disciplined typography system and specific color roles to ensure visual consistency.

When should I use a generated DESIGN.md over building UI components manually?▼

You should use a generated DESIGN.md when you need to scale a premium visual language across multiple interfaces. It acts as a master reference for screen prompts and live-implementation specs, preventing drift without manual component coding.