Design Taste Frontend

Design Taste Frontend is a Frontend skill for Claude Code, published by coco-research in coco.

218 stars11 forkson coco-research/cocoAdded 2026/09/04Repository updated 2026/09/03

agent-skillsagents-mdaiai-agentsclaude-codecodexcursordeveloper-toolsllm-toolsmcppm-toolsproduct-managementproductivityprompt-engineeringworkflow-automation

Install in seconds

Install Design Taste Frontend

Copy Design Taste Frontend into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/coco-research/coco/tree/main/skills/design-taste-frontend ~/.claude/skills/design-taste-frontend

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/coco-research/coco.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/design-taste-frontend/SKILL.md in coco-research/coco
Installs to: ~/.claude/skills/design-taste-frontend
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 641 skills

What Design Taste Frontend does

Design Taste Frontend infers the right visual direction for landing pages, portfolios, and redesigns, then guides the agent to build interfaces that fit the brief. It is used for taste-driven frontend work and redesigns that need an audit-first approach.

Design Taste Frontend is cataloged under Frontend on DirSkills. Design Taste Frontend comes from a repository tagged agent-skills, agents-md, ai, ai-agents and claude-code.

Documentation

README

Excerpt

tasteskill: Anti-Slop Frontend Skill

Landing pages, portfolios, and redesigns. Not dashboards, not data tables, not multi-step product UI. Every rule below is contextual. None of it fires automatically. First read the brief, then pull only what fits.

0. BRIEF INFERENCE (Read the Room Before Anything Else)

Before touching code or tweaking dials, infer what the user actually wants. Most LLM design output is bad because the model jumps to a default aesthetic instead of reading the room.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Design Taste Frontend

What else does coco-research publish alongside Design Taste Frontend?
Design Taste Frontend is one of 25 skills that DirSkills catalogs from coco-research/coco, the repository it ships in. Its siblings there include AI Marketing Videos, AI Product Development and API Design Principles. Each one is a separate skill with its own page in this directory, installs the same way Design Taste Frontend does, and is maintained by coco-research in that same repository. The rest of the collection is listed on the coco-research/coco page.
How does Design Taste Frontend compare to other Frontend skills?
Design Taste Frontend ranks #587 by stars among the 641 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Design Taste Frontend against them. Open each page to compare what they document and how they install.