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.