Skip to main content
Glama

Skill: design-taste-frontend

skill_design_taste_frontend

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals researched directions (idea, composition, type, palette, photographs, section blueprints) from a library, enforces a strict no-slop house style with a real-browser inspector, and runs a look-and-fix loop on screenshots. Use this whenever you build, design, redesign, restyle, polish or review a landing page, marketing site, portfolio, product page, one-pager, hero or any public-facing web page, in any stack (HTML/CSS, React, Next.js, Vue, Svelte, Astro, Tailwind) — also when the user says a page looks generic, templated, "AI-made", sloppy, or asks to make it look designed, premium, award-level or less like every other site. Also for app screens: dashboards, admin and analytics views, settings, inboxes and other screens people work in, with their own run and rules.

Input Schema

NameRequiredDescriptionDefault

No arguments

Schema Changelog

Changes observed during successful MCP inspections.

  1. Added
  2. Removed
  3. First observed

TDQS

A3.8/5.0
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries the full burden and does disclose real process behavior: it draws from a curated library, enforces a house style via a 'real-browser inspector', and runs a screenshot look-and-fix loop. What is missing is whether invoking it merely returns instructions or actually mutates project files, and whether permissions or destructive changes are involved.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness3/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The purpose is front-loaded, which is good, but the body is one sprawling, keyword-stuffed sentence ('in any stack (HTML/CSS, React, Next.js, Vue, Svelte, Astro, Tailwind)') and leans on promotional language ('anti-slop', 'award-level', the 247-gallery statistic) that crowds out the operational facts. Some trigger list earns its place for routing, but the whole is bloated.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a zero-parameter, no-output-schema tool, the description is largely sufficient to decide when to invoke it. It is incomplete on the one thing that matters most here: what invoking actually yields (a prompt/instruction payload vs. an executed workflow) and how it relates to the sibling read_skill_file.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The tool takes zero parameters and schema description coverage is 100%, so there is nothing for the description to disambiguate. Baseline 4 applies.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states what the tool is: a frontend art-direction skill that pulls researched design directions from a library and enforces a no-slop house style. That is a specific verb+resource, far better than a tautology. It loses the top mark because it never distinguishes itself from the crowded sibling set (skill_design_taste_frontend_v1, _v2_experimental, skill_gpt_taste, skill_stitch_design_taste), so an agent cannot tell which taste skill to pick.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Usage context is unusually well spelled out — it lists concrete triggers (build/design/redesign/restyle/polish/review a landing page, portfolio, hero; user complaints like 'looks generic' or 'AI-made') and covers both marketing pages and app screens. There are no exclusions or alternatives named, however, so the agent gets no guidance on when a sibling skill would be the better choice.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources