Should I use this for backend projects?

No, this skill is optimized for projects with a visual interface. It is best skipped for REST APIs, CLIs, libraries, or data pipelines.

Where does the skill store my design choices?

All selected preferences, including color hex codes, font choices, and animation levels, are saved to a docs/DESIGN.md file in your repository.

What is the Design Preferences skill?

It is a specialized Claude Code plugin that helps developers define visual design choices through a guided flow, ensuring AI-generated code follows consistent styling.

Can I provide my own custom brand colors?

Yes, the questionnaire includes a 'Custom' option where you can describe your specific brand colors or hex values instead of using a pre-set theme.

Design Preferences Architect

Name: Design Preferences Architect
Author: timequity

bytimequity

0•

Design Tools

Gathers and documents visual design preferences to establish a standardized UI style guide for web and mobile projects.

The Design Preferences skill streamlines the initial UI/UX phase by guiding developers through a structured questionnaire to define a project's visual identity. It captures critical details such as design priority, aesthetic direction, and motion levels, offering a curated selection of professional themes like 'Ocean Depths' or 'Midnight Galaxy.' By automatically generating a docs/DESIGN.md file, it provides Claude with a clear architectural blueprint for colors, typography, and implementation notes, ensuring consistency throughout the development lifecycle.

Key Features

01Automated generation of comprehensive docs/DESIGN.md specifications

02Tailored workflows for Web, Mobile, and Browser Extension projects

03Pre-configured professional themes including color palettes and fonts

04Custom branding support for specific color schemes and requirements

050 GitHub stars

06Interactive questionnaire for visual style and design priority

Use Cases

01Defining the visual identity and theme for a new SaaS web application

02Standardizing UI components for browser extensions or Telegram bots

03Establishing branding and animation guidelines for a mobile app MVP

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add timequity/plugins design-preferences

For use in Claude.ai and ChatGPT

Key Features

01Automated generation of comprehensive docs/DESIGN.md specifications

02Tailored workflows for Web, Mobile, and Browser Extension projects

03Pre-configured professional themes including color palettes and fonts

04Custom branding support for specific color schemes and requirements

050 GitHub stars

06Interactive questionnaire for visual style and design priority

Use Cases

01Defining the visual identity and theme for a new SaaS web application

02Standardizing UI components for browser extensions or Telegram bots

03Establishing branding and animation guidelines for a mobile app MVP

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add timequity/plugins design-preferences

For use in Claude.ai and ChatGPT