Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
45
47%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/taste-skill/SKILL.mdQuality
Discovery
32%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
The description communicates a general sense of purpose—building quality frontend interfaces for landing pages, portfolios, and redesigns—but relies heavily on subjective, buzzwordy language ('anti-slop', 'do not look templated') rather than concrete, enumerable capabilities. It lacks an explicit 'Use when...' clause, which is critical for skill selection, and misses many natural trigger terms users would employ when requesting this type of work.
Suggestions
Add an explicit 'Use when...' clause listing trigger scenarios, e.g., 'Use when the user asks to build a landing page, redesign a website, create a portfolio site, or requests frontend UI work for marketing pages.'
Replace vague/buzzwordy phrases like 'anti-slop' and 'do not look templated' with concrete actions, e.g., 'Generates semantic HTML/CSS/JS with custom typography, spacing, and color systems; avoids generic Bootstrap/template patterns.'
Expand trigger terms to include natural user language variations such as 'website', 'homepage', 'web page', 'UI design', 'hero section', 'marketing site', '.html', 'Tailwind', 'React component'.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Names the domain (frontend/landing pages/portfolios/redesigns) and some actions (reads brief, infers design direction, ships interfaces, audit-first on redesigns, pre-flight check), but many terms are vague or buzzwordy ('anti-slop', 'do not look templated', 'real design systems when applicable') rather than concrete, enumerable actions. | 2 / 3 |
Completeness | The description addresses 'what' (frontend skill for landing pages, portfolios, redesigns) but has no explicit 'Use when...' clause or equivalent trigger guidance. The 'when' is only vaguely implied. Per the rubric, a missing 'Use when...' clause caps completeness at 2, and the 'what' itself is also somewhat vague, bringing this closer to 1. | 1 / 3 |
Trigger Term Quality | Includes some natural keywords users might say like 'landing pages', 'portfolios', 'redesigns', and 'design systems'. However, it misses common variations like 'website', 'homepage', 'UI', 'frontend design', 'web page', 'hero section', etc. The term 'anti-slop' is internal jargon, not something a user would naturally say. | 2 / 3 |
Distinctiveness Conflict Risk | It narrows to frontend/landing pages/portfolios/redesigns which provides some distinctiveness, but 'frontend skill' is broad enough to overlap with general web development or UI component skills. The emphasis on 'anti-slop' and design quality is a differentiator but not a clear trigger-based distinction. | 2 / 3 |
Total | 7 / 12 Passed |
Implementation
62%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is an extraordinarily comprehensive and deeply actionable skill with excellent workflow sequencing and real executable code. Its primary weakness is extreme verbosity and redundancy — the same rules appear in multiple sections (body rules, AI Tells, and Pre-Flight Check), and the entire document could be 40-50% shorter without losing information. The monolithic structure (1800+ lines in one file with no supporting bundle files despite referencing a block library) also hurts progressive disclosure.
Suggestions
Extract the Pre-Flight Check (Section 14) into a separate PREFLIGHT.md file and reference it from the main skill — currently it duplicates ~60% of the rules already stated in Sections 4, 5, 6, and 9.
Move Appendices A, B, and C into separate files (INSTALL.md, REFERENCES.md, LIQUID-GLASS.md) to reduce the main file by ~300 lines while keeping the content accessible.
Deduplicate between Section 4 (Design Engineering Directives), Section 9 (AI Tells), and Section 14 (Pre-Flight Check) — many rules like em-dash ban, serif discipline, premium palette ban, and eyebrow restraint are stated 2-3 times with slightly different wording.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | This skill is extremely verbose at ~1800+ lines. While much of the content is novel anti-pattern guidance Claude wouldn't inherently know, there is massive redundancy: the same rules are stated in the body sections AND repeated verbatim in the Pre-Flight Check (Section 14). Section 9 (AI Tells) repeats rules already covered in Section 4. The dial inference table appears twice (1.A and 1.B). Concepts like em-dash bans are explained at length in 9.G and then re-explained in the checklist. The appendices vendor install commands and CSS skeletons that could live in separate files. This document would benefit enormously from deduplication. | 1 / 3 |
Actionability | The skill is highly actionable with executable code skeletons (GSAP sticky-stack, horizontal-pan, scroll-reveal stagger, liquid glass CSS), specific install commands, concrete Tailwind class recommendations, exact font names, exact hex codes to ban, specific npm packages, and copy-paste-ready component implementations. The guidance is precise and executable throughout. | 3 / 3 |
Workflow Clarity | The workflow is clearly sequenced: Section 0 (read brief) → Section 1 (set dials) → Section 2 (pick design system) → Sections 3-9 (apply rules) → Section 11 (redesign protocol if applicable) → Section 14 (pre-flight checklist). The pre-flight check is an explicit validation checkpoint with ~60 mechanical checks. Redesign protocol has a clear decision tree with explicit audit-before-touching steps. Feedback loops are present (e.g., 'If errors: fix and re-validate' in redesign audit). | 3 / 3 |
Progressive Disclosure | The skill references a block library structure (Section 12) with a clear file hierarchy under `skills/taste-skill/blocks/`, but no bundle files are provided, so those references are aspirational. The document itself is monolithic — all 1800+ lines live in one file. Content like the appendices (install commands, CSS skeletons, canonical links), the full pre-flight checklist, the reference vocabulary, and the dial definitions could all be separate files with clear pointers from the main SKILL.md. The structure within the file (numbered sections, clear headers) is good, but the sheer volume in one file undermines progressive disclosure. | 2 / 3 |
Total | 9 / 12 Passed |
Validation
90%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 10 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
skill_md_line_count | SKILL.md is long (1207 lines); consider splitting into references/ and linking | Warning |
Total | 10 / 11 Passed | |
3c7017d
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.