editorial-portfolio-chapters

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained project reveals, and a decisive contact finale.

Quality

79%

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/editorial-portfolio-chapters/SKILL.md

Quality

Content

71%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.

A well-organized, lean instructional body with unusually concrete design parameters and a real validation section. Its main defects are bundle-related: a dead ARTICLE.md reference and 13 bundled asset images that are never mentioned, plus minor redundancy between the Avoid section and earlier rules.

Suggestions

Add the missing ARTICLE.md (or fix the 'Mara Voss Interaction Prompt Pack' link to point at an existing file) so the Source-Backed Prompt Pack section is executable.

Reference the 13 assets/*.png files from the body (e.g., in the prompt-pack or interaction sections) so the bundled images are discoverable and purposeful.

Trim the Avoid bullets that restate earlier guidance (e.g., 'Hiding project titles or actions until hover' duplicates the Projects and panel-reveal rules) to save tokens.

Dimension	Reasoning	Score
Conciseness	The body is lean and directive throughout, assuming competence (uses 'clamp()', 'cubic-bezier(.22,.61,.36,1)' unexplained) with no concept explanations. Not a 5 because the Avoid section restates rules already given ('Hiding project titles or actions until hover' repeats 'show title, role, year, and action without hover'; 'Fast card choreography... decorative motion loops' overlaps 'Do not hijack scroll' / 'Keep parallax below 5%').	4 / 5
Actionability	Highly concrete numeric guidance ('40-64px desktop edge margins', '500-760ms mask or shallow translate', 'scale media no more than 1.02', 'Stagger direct children by 45-70ms') plus explicit behavior requirements (Escape support, focus return, reduced motion). Not a 5 because the 'Source-Backed Prompt Pack' step points to [ARTICLE.md](ARTICLE.md), which does not exist in the bundle, leaving that instruction unexecutable.	4 / 5
Workflow Clarity	A clear top-to-bottom sequence (Establish the Story -> Build the Visual System -> Compose the Page -> Interactions -> Motion Defaults -> Validate) with an explicit validation checklist ('Test keyboard, touch, 200% zoom, narrow mobile, slow media, missing media, and reduced motion'). Not a 5 because there is no fix-and-revalidate feedback loop and the prompt-pack step cannot be executed due to the missing ARTICLE.md.	4 / 5
Progressive Disclosure	The body itself is well-sectioned, but the bundle structure is mishandled: the only reference link ([ARTICLE.md](ARTICLE.md) in 'Source-Backed Prompt Pack') is broken - no such file exists - and the 13 PNG files in assets/ are never referenced from the body, leaving them orphaned and undiscoverable.	3 / 5
	Total	15 / 20 Passed

Description

87%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.

A strong description: it names a precise niche with natural synonyms, states concrete capabilities, and includes an explicit 'Use for...' trigger clause with specific design features. Only minor trigger-synonym and action-verb coverage gaps keep it from perfection.

Dimension	Reasoning	Score
Specificity	Names the domain with five concrete user-type synonyms ('creative-studio, agency, photographer, artist, and portfolio websites') and specific actions ('Create or redesign') plus concrete feature deliverables ('full-bleed campaign media', 'oversized service typography', 'decisive contact finale'). Not a 5 because the action list is two verbs with style descriptors rather than a comprehensive action enumeration; above 3 because more than 1-2 concrete capabilities are covered.	4 / 5
Completeness	Explicitly answers both: what ('Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story') and when ('Use for dark editorial shells, full-bleed campaign media, color-coded case-study chapters...') with concrete trigger phrases.	5 / 5
Trigger Term Quality	Good coverage of natural trigger phrases users would say: 'portfolio websites', 'photographer', 'agency', 'case-study chapters'. A few common synonyms are missing ('showcase site', 'designer portfolio', 'studio site'), keeping it below the comprehensive 5 anchor.	4 / 5
Distinctiveness Conflict Risk	Clear niche (editorial portfolio websites) with distinct, style-specific triggers unlikely to fire for unrelated skills; the 'dark editorial shells' and 'color-coded case-study chapters' triggers are unmistakable.	5 / 5
	Total	18 / 20 Passed

Validation

93%

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 — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
relative_links	Relative link issues: 1 missing	Warning

	Total	15 / 16 Passed

Repository: MengTo/Skills
Path: agent-skills/web-design/editorial-portfolio-chapters/SKILL.md
Commit: 798db0a

Reviewed: 5 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.