design-taste-direction
Applies intentional art direction, anti-template visual concepts, curated typographic pairings, and domain-specific color palettes to web interfaces. Use when moving beyond generic AI-generated layouts into distinctive brand experiences.
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Intentional Art Direction & Design Taste
- Quick Start
- When to Use
- Best Practices
- Dependencies
- Examples
- Step-by-Step
- Validation
Replacing generic purple-gradient AI templates with domain-grounded palettes, purposeful typography, and focal-point composition. An AI-generated website looks like a generic SaaS template (default Indigo/Purple gradients, 3 identical icon cards, stock filler) Defining a cohesive visual language for developer tools, fintech dashboards, e-commerce storefronts, or editorial publications Selecting expressive, Cyrillic-compatible font pairings and semantic color hierarchies Designing a distinctive hero focal point (interactive terminal, live code diff, studio product stage, or data visual) Ban default Indigo/Violet (#6366f1 / #8b5cf6) rainbow gradients unless explicitly required by an existing brand guide. Follow the 60-30-10 color rule: 60% neutral canvas, 30% elevated surface/cards, and 10% high-contrast semantic accent. Choose one of three clear archetypes per project: Technical Monospace/Terminal, Swiss High-Contrast Editorial, or Crisp Commercial Light. Give the hero section a concrete product artifact (interactive CLI, real data preview, or 1:1 studio render) instead of abstract floating blobs. Use weight, size, and muted foreground tokens to create hierarchy before reaching for
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- ssrjkk/agent-skills
- Source file
- .claude/skills/design/design-taste-direction/SKILL.md
- Fixed revision
- 868975614072b553f929cb32c52c5e7dc4ba8734
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明，再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: ssrjkk/agent-skills · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T03:01:42.399Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.