agency-grid-layout-minimal

Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.

Quality

61%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./agent-skills/web-design/agency-grid-layout-minimal/SKILL.md

Quality

Content

65%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is a concise, well-structured aesthetic-direction skill that excels at progressive disclosure but is held back by an empty Workflow section and the lack of concrete executable specifics. Filling the Workflow section and adding implementable values would meaningfully raise the score.

Suggestions

Fill the empty '## Workflow' section with the actual sequence (e.g., 1. Establish the grid shell, 2. Set the oversized hero type scale, 3. Add uppercase metadata columns, 4. Frame restrained image blocks, 5. Add light motion) or remove the heading.

Add concrete implementable values (e.g., max-width 1440px, 12-column grid, display type clamp values, exact accent hex) so directives become copy-paste ready.

Remove the verbatim duplication of the frontmatter description as the first 'Use When' bullet to tighten token use.

Dimension	Reasoning	Score
Conciseness	The body is lean and well-organized into tight bullets that assume Claude's competence, with only minor trim candidates such as the verbatim duplication of the description under 'Use When' and a few atmospheric phrases.	4 / 5
Actionability	It offers specific design directives (tight tracking, 1px gradient-border wrappers, neutral fills) but no concrete executable artifacts like exact max-widths, column counts, or code tokens, leaving the guidance directional rather than fully implementable.	3 / 5
Workflow Clarity	The '## Workflow' section is empty, a clear structural gap; the surrounding guidance makes the single design direction unambiguous, but the missing workflow body prevents a higher score.	3 / 5
Progressive Disclosure	At roughly 45 lines with no external references needed, the content is cleanly split into well-organized sections (Scope, Visual target, Implementation guidance, Recommended patterns, Tuning knobs, Avoid) matching the simple-skill exception.	5 / 5
	Total	15 / 20 Passed

Description

58%Weight 40%Scale 1-5

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 is specific and reasonably distinctive but lacks an explicit 'Use when' trigger clause, which limits completeness and trigger-term quality. Adding concrete user-facing trigger phrases would lift the description toward the top anchors.

Suggestions

Add an explicit 'Use when...' clause naming natural user phrases (e.g., 'Use when building a minimal agency, studio, or portfolio site with an editorial grid and oversized type').

Include common synonyms users would actually say (landing page, studio site, portfolio, architecture firm site) to broaden trigger coverage.

Reframe the attribute list as concrete actions (e.g., 'Lay out pages on a disciplined grid, set oversized headlines, add uppercase utility labels, frame restrained image blocks') to strengthen specificity.

Dimension	Reasoning	Score
Specificity	The description names the domain plus several concrete elements (editorial grid, oversized typography, uppercase utility labels, restrained image blocks, structural detail), but frames them as attributes of a single 'Create' action rather than a list of distinct actions.	4 / 5
Completeness	It clearly states what the skill does, but there is no 'Use when...' clause or equivalent trigger guidance, which caps completeness at 3 per the judging guidelines.	3 / 5
Trigger Term Quality	'minimal agency design system', 'editorial grid', and 'oversized typography' are reasonable natural terms, but common synonyms (landing page, portfolio, website) and file extensions are missing.	3 / 5
Distinctiveness Conflict Risk	The minimal editorial agency aesthetic is a fairly distinct niche with only minor overlap risk against sibling design-system layout skills, though the trigger is not pinned with concrete user phrases.	4 / 5
	Total	14 / 20 Passed

Validation

100%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: MengTo/Skills
Path: agent-skills/web-design/agency-grid-layout-minimal/SKILL.md
Commit: 321c769

Reviewed: 11 days ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

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.