CtrlK
BlogDocsLog inGet started
Tessl Logo

brand-landingpage

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.

84

3.52x
Quality

96%

Does it follow best practices?

Impact

74%

3.52x

Average score across 1 eval scenario

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

92%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 well-structured, highly actionable multi-phase workflow with explicit validation and recovery loops and clean progressive disclosure into real reference files. Its only weakness is minor narrative padding in a few introductory lines that assume Claude needs motivation context.

Suggestions

Trim explanatory prose like 'Stitch enables the visual generation and iteration loop... The interactive design workflow is what makes this skill effective' — Claude can infer the purpose from the workflow itself.

Consider condensing the opening 'You are a design consultant embedded in a developer's workflow...' paragraph into the essential scope/tone signals it already restates below.

DimensionReasoningScore

Conciseness

Largely efficient with concrete tool calls and tables, but a few lines restate the obvious — e.g. 'Stitch enables the visual generation and iteration loop... The interactive design workflow is what makes this skill effective' — which could be trimmed.

4 / 5

Actionability

Provides concrete, executable guidance throughout: specific SDK tool names (create_project, generate_screen_from_text, edit_screens, generate_variants), exact shell commands (zip -r, open/xdg-open/start), file paths, and a translation table mapping interview answers to parameters.

5 / 5

Workflow Clarity

Clear phased sequence (Phase 0–4) with explicit transition rules, validation checkpoints (auth-verify SDK call, 'update_design_system... required'), loop guardrails after 3/5 rounds, and a dedicated Resume & Error Recovery section with feedback loops.

5 / 5

Progressive Disclosure

Body is an overview that points to three real one-level-deep reference files via a well-signaled table (file, when to read, contains); detailed question banks, architecture, and templates are appropriately split out and verified to exist in ./references/.

5 / 5

Total

19

/

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.

The description is exemplary: it states concrete capabilities, gives natural trigger phrases, covers what/when/skip-when explicitly, and cleanly distinguishes itself from the related frontend-design skill. No vague fluff or over-claims.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'runs a brand-identity interview (colors, typography, shape language)', 'generates and iterates on a polished landing page via Stitch', 'deployment-ready HTML' — covering the workflow comprehensively.

5 / 5

Completeness

Explicitly answers both 'what' (interview → generate → iterate → deployment-ready HTML) and 'when' ('Use when the user asks to create, design, or build a landing page...'), plus a 'Skip when' clause with concrete trigger conditions.

5 / 5

Trigger Term Quality

Includes natural phrases users would say — 'create, design, or build a landing page, homepage, or marketing page' — with synonyms (landing page, homepage, marketing page) covering the common variations.

5 / 5

Distinctiveness Conflict Risk

Clear niche (brand-first landing pages with no established visual direction) with explicit boundaries and a redirect to 'frontend-design' for overlapping cases, minimizing wrong-skill triggers.

5 / 5

Total

20

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
wshobson/agents
Reviewed

Table of Contents

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.