container-lines

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines, editorial grid markers, or small corner-square frame details.

Quality

100%

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

Quality

Content

100%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-structured, concise skill body that provides complete executable CSS and HTML examples with useful taste guidance and a verification checklist. It assumes Claude's competence and adds only what is needed.

Dimension	Reasoning	Score
Conciseness	Lean, token-efficient body with no padding or over-explanation of CSS concepts Claude already knows; every section (tokens, CSS, taste rules, quick checks) earns its place.	5 / 5
Actionability	Fully executable, copy-paste-ready CSS for container lines, corner squares, and the content wrapper, plus a concrete HTML usage example covering the common case.	5 / 5
Workflow Clarity	A simple single-purpose skill with unambiguous application; the 'Quick Checks' section provides verification checkpoints, and there are no destructive or batch operations requiring more.	5 / 5
Progressive Disclosure	Well-organized into clear sections with no nested references; no bundle files exist to require external navigation, so the simple-skill exception applies.	5 / 5
	Total	20 / 20 Passed

Description

100%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, third-person description that clearly states both the capability and explicit trigger conditions with natural synonyms. It is concise, specific, and well-distinguished from other skills.

Dimension	Reasoning	Score
Specificity	Lists concrete actions ('Add vertical container-size guide lines with mini corner squares') covering both elements of the skill plus the design intent ('precise, structured web layouts'), giving comprehensive coverage rather than the minor gaps of a 4.	5 / 5
Completeness	Explicitly answers both 'what' (add guide lines and corner squares) and 'when' with concrete 'Use when asked for...' trigger phrases, matching the top anchor exactly.	5 / 5
Trigger Term Quality	Five natural trigger phrases with synonyms ('container lines', 'measured layout guides', 'vertical boundary lines', 'editorial grid markers', 'small corner-square frame details') that users would plausibly say; file extensions are N/A for this design skill.	5 / 5
Distinctiveness Conflict Risk	A clear niche (container guide-line framing) with distinct, specific triggers and minimal overlap risk with general layout skills.	5 / 5
	Total	20 / 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/container-lines/SKILL.md
Commit: 4c716b5

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