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.

86

3.52x
Quality

100%

Does it follow best practices?

Impact

74%

3.52x

Average score across 1 eval scenario

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

74%

53%

Gridlance Design System Setup

Design system setup script with correct SDK call sequence and configuration mapping

Criteria
Baseline
With context

create_design_system called

0%

100%

update_design_system called

0%

100%

Correct call order

0%

100%

MCP tool name discovery

0%

0%

DESIGN.md created

100%

100%

DESIGN.md template sections

62%

100%

Correct colorVariant: NEUTRAL

0%

100%

Correct headline font

0%

50%

Correct body font

0%

0%

Correct roundness enum

0%

100%

metadata.json written

100%

100%

metadata.json schema fields

50%

100%

metadata.json after state changes

0%

0%

Repository
wshobson/agents
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.