CtrlK
BlogDocsLog inGet started
Tessl Logo

brand-extract

Extract a complete Brand Kit from a live website by driving the in-app browser. Use when a brand-extraction project opens with a site in the Browser tab, or when the user asks to "extract a brand", "pull the brand from <url>", "get the colors/fonts/logo from this site", or build a brand/design system from a reference website. Pairs with the agent-browser tool for measurement and pauses for the user when an anti-bot wall blocks the page.

75

Quality

94%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

88%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 highly actionable, well-sequenced workflow with concrete commands, an exact data schema, and explicit validation feedback loops, assuming Claude's competence while staying specific to the brand-extraction domain. Its main weakness is moderate verbosity from repeated safety-net caveats and the inline question-form, and the absence of progressive file-based references.

Suggestions

Trim the repeated 'safety net is no substitute' caveats in the logo and imagery bullets to a single concise note, since they restate the same point.

Consider hoisting the full brand.json schema and/or the anti-bot `<question-form>` into a referenced file (e.g. references/brand-schema.json) so the main SKILL.md stays a lean overview and progressive disclosure can score higher.

Tighten the finalize paragraph, which runs as one long sentence enumerating every module and asset tile; a short list or a pointer to detail would reduce padding.

DimensionReasoningScore

Conciseness

The body is dense with actionable, skill-specific detail (semantic color roles, exact brand.json shape, finalize command) and largely avoids generic over-explanation, though the long callouts repeating the 'safety net is no substitute' caveat and the anti-bot question-form add padding that could be tightened. It is noticeably above the midpoint but not fully lean.

4 / 5

Actionability

Provides fully executable guidance — concrete agent-browser subcommands, an exact copy-paste brand.json schema with real values, the `od brand preview` and `od brand finalize` commands, and a literal `<question-form>` block — covering the common cases copy-paste ready.

5 / 5

Workflow Clarity

A clearly sequenced three-step chain (Measure → Synthesize → Build & register) with explicit validation checkpoints: snapshot before extracting, preview after each field group, and re-run finalize if validation errors are reported, plus an error-recovery feedback loop.

5 / 5

Progressive Disclosure

The content is well-structured into clearly signaled sections (the three steps, anti-bot handling, hard rules, safety) and keeps the large brand.json example inline rather than burying references, but there are no bundle files or one-level-deep external references to navigate, so it is well-organized without the clear overview→reference split that would earn a 5.

4 / 5

Total

18

/

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 a strong, third-person statement that pairs concrete capabilities with natural trigger phrasings and explicit 'use when' guidance, covering both what and when comprehensively. It is clearly distinguishable and uses the correct voice throughout.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — extract colors/fonts/logo, build a brand/design system — and names the measurement methodology and the anti-bot pause behavior; comprehensive coverage of the skill's capabilities.

5 / 5

Completeness

Explicitly answers 'what' (extract a complete Brand Kit by driving the in-app browser) and 'when' (a brand-extraction project opens with a site in the Browser tab, or the user asks to 'extract a brand'/'pull the brand') with concrete trigger phrases, matching the anchor that requires both.

5 / 5

Trigger Term Quality

Quotes natural user phrasings verbatim ('extract a brand', 'pull the brand from <url>', 'get the colors/fonts/logo from this site') and includes synonyms and file-extension-style variants, giving comprehensive coverage of what users would actually say.

5 / 5

Distinctiveness Conflict Risk

The brand-extraction niche is distinctive: it ties the skill to the agent-browser tool and a brand-extraction project with a Browser tab, which is unlikely to trigger for unrelated skills, giving it a clear niche with minimal conflict risk.

5 / 5

Total

20

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
nexu-io/open-design
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.