CtrlK
BlogDocsLog inGet started
Tessl Logo

designing-vizro-layouts

Use this skill when designing or building Vizro dashboard layouts — grid configuration, component sizing, filter/parameter placement, selector types, or container patterns. Activate when the user is creating wireframes, defining page structure, placing controls, or sizing charts.

94

1.38x
Quality

Does it follow best practices?

Impact

94%

1.38x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

85%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-organized, concise, and clearly navigated layout skill that defers detail to a single one-level reference. Its one gap is the absence of a complete executable example inline, which keeps actionability just short of full.

Suggestions

Add one small, complete copy-paste YAML grid example inline (e.g. a 4-KPI-card layout) so the body is independently executable without loading the reference.

Include a brief inline note on how to verify a layout renders correctly (e.g. checking the grid forms perfect rectangles) to add a light validation checkpoint.

DimensionReasoningScore

Conciseness

The body is lean — tables, bullets, and exact values (12 columns, 140px, -1) with no padding or explanation of concepts Claude already knows; every line earns its place.

3 / 3

Actionability

Guidance is concrete (exact column/row specs, a selector-by-datatype table, config conventions) but the body contains no complete, copy-paste executable YAML example — full runnable examples are deferred to the reference file.

2 / 3

Workflow Clarity

This is a single-purpose design-rules skill, and the guidance is unambiguous — including an explicit rule for modifying existing layouts — with no fragile multi-step or destructive operation that would require validate-checkpoint loops.

3 / 3

Progressive Disclosure

The body is a clear overview that points to a single, real, one-level-deep reference (references/layout-guidelines.md) with well-signaled cues for what each link provides.

3 / 3

Total

11

/

12

Passed

Description

100%

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, specific description that clearly states capabilities and gives explicit, natural trigger guidance for a well-scoped niche. No notable weaknesses; it avoids fluff and over-claims.

DimensionReasoningScore

Specificity

The description enumerates concrete actions — grid configuration, component sizing, filter/parameter placement, selector types, and container patterns — rather than vague language.

3 / 3

Completeness

It answers both what (Vizro dashboard layouts and sub-tasks) and when via two explicit trigger clauses ('Use this skill when...' and 'Activate when...').

3 / 3

Trigger Term Quality

Natural user-facing phrasings like 'creating wireframes,' 'defining page structure,' 'placing controls,' and 'sizing charts' cover common variations a user would actually say.

3 / 3

Distinctiveness Conflict Risk

'Vizro dashboard layouts' is a clear, narrow niche with triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

12

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
mckinsey/vizro
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.