skills.rest
timequity
timequityOFFICIAL
Explore all skills by this author →
GitHub

design-preferences

Collect stakeholder design preferences and generate a DESIGN.md document.

6|Updated Dec 7, 2025
Search Tags:#design#UI#style#theme#design-system#preferences
One-click install
npx skills add https://github.com/timequity/plugins --skill design-preferences
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-preferences
Source: https://github.com/timequity/plugins/tree/main/vibe-coder/skills/design-preferences
Command: npx skills add https://github.com/timequity/plugins --skill design-preferences

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams collect and document user design preferences before starting a UI project, reducing rework and aligning stakeholders early.

Core Features & Use Cases

  • Question-driven Discovery: Gathers priority, aesthetic direction, theme, typography, and motion preferences.
  • Documentation Output: Generates docs/DESIGN.md with the selected design direction.
  • Template Integration: Enables templates to apply the chosen design decisions to UI workstreams.

Quick Start

Run the design-preferences skill at project kickoff, answer the design questions, and review docs/DESIGN.md for the final direction. The output will guide theming, typography, and motion choices across UI work.

Frequently Asked Questions about design-preferences

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

FAQPage Schema
How do I document design preferences before starting a UI project?▼

Design preferences documentation captures stakeholder input on priority, aesthetic direction, theme, typography, and motion upfront. This Skill guides you through structured questions and generates a DESIGN.md file that aligns your team and reduces rework during development.

Can I use design preferences for web apps, mobile apps, and browser extensions?▼

Yes. This Skill applies to Web Apps, Mobile Apps, Browser Extensions, and Telegram Bot interfaces. It collects and documents design decisions in a single DESIGN.md output that templates can apply across your UI workstreams.

What does a design preferences document typically include?▼

A DESIGN.md document details priority, aesthetic direction, theme selection, font choices, motion preferences, implementation notes, and integration steps. It serves as the authoritative reference for all UI development decisions.

How do I align stakeholders on design direction early?▼

Run the design-preferences Skill at project kickoff to gather input through guided questions. The resulting DESIGN.md provides documented consensus on design choices, preventing costly alignment mismatches later.

What's the best way to collect typography and motion preferences from a team?▼

This Skill uses a question-driven discovery process that walks stakeholders through typography and motion selections systematically. Responses feed directly into your DESIGN.md, creating a shared reference for implementation.

Related Skills

Explore More Design & Creative Skills→
vendelieuvendelieu
247

build-inline-keyboard

Generates Telegram bot inline keyboards with a Kotlin DSL for interactive user interfaces.

Community
Basic
semicolon-devteamsemicolon-devteam

design-handoff

Generate design-to-development handoff documents with component specs and metadata.

Official
Advanced
dembrandtdembrandt
33

brand-visual-language

Define cohesive border-radius, typography, and iconography systems for brand consistency.

Official
Intermediate
KakarottooooKakarottoooo

office-hours

Generate design documents from startup ideas using YC Office Hours-style questioning.

Community
Advanced