CtrlK
BlogDocsLog inGet started
Tessl Logo

makepad-layout

CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, "how to center in makepad", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中

55

Quality

63%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills/skills/makepad-layout/SKILL.md

The canonical home for this skill is makepad-layout in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

71%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 solid layout reference skill with concrete, executable code patterns and well-organized tables. The main strengths are actionable code examples covering common use cases and efficient tabular references. Weaknesses include potential redundancy between inlined reference tables and the referenced external files, and a slightly verbose documentation completeness check section.

Suggestions

Verify that the referenced files (./references/layout-system.md, ./references/core-types.md) exist in the bundle, and move the detailed reference tables (Align values, Size values, Flow directions) into those files to reduce duplication and improve progressive disclosure.

Trim the 'Documentation Completeness Check' section — the fallback behavior instruction could be condensed to 2 lines rather than a numbered list with sub-bullets.

DimensionReasoningScore

Conciseness

Generally efficient with good use of tables and code examples. Minor verbosity in the 'Documentation Completeness Check' section and the box model ASCII art (Claude knows box models), but overall respects token budget well.

4 / 5

Actionability

Provides concrete, copy-paste ready code patterns for common layout scenarios (centering, rows, fixed+flexible). The reference tables are specific and useful. Minor gap: no complete component example showing a real-world layout combining multiple patterns.

4 / 5

Workflow Clarity

This is primarily a reference/pattern skill rather than a multi-step workflow, so the simple-skill exception applies. The 'When Writing Code' and 'When Answering Questions' sections provide clear guidance. The documentation completeness check has a reasonable fallback flow. No destructive operations are involved.

4 / 5

Progressive Disclosure

References two local files (layout-system.md, core-types.md) which is good structure, but no bundle files were provided to verify they exist. The SKILL.md inlines a fair amount of reference content (align values table, size values, flow directions) that could arguably live in the referenced files, creating some redundancy with the claimed external references.

3 / 5

Total

15

/

20

Passed

Description

54%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 excels at trigger term coverage with comprehensive keywords in multiple languages, making it highly discoverable. However, it critically lacks any description of what the skill actually does — it reads more like a keyword list than a skill description. Adding concrete actions (e.g., 'Explains and generates Makepad layout code using Walk, Size, Flow, and alignment properties') would significantly improve it.

Suggestions

Add concrete capability descriptions: e.g., 'Explains Makepad layout concepts, generates layout code, and helps configure width/height/padding/margin/alignment properties using Walk, Size, Fit, and Fill types.'

Restructure to lead with a 'what it does' statement before the trigger list: e.g., 'Guides users through Makepad's layout system including positioning, sizing, and alignment. Use when...'

DimensionReasoningScore

Specificity

The description names the domain ('Makepad layout system') but provides no concrete actions. It doesn't describe what the skill actually does — no verbs like 'configures', 'explains', 'generates', or specific capabilities are listed.

2 / 5

Completeness

The 'when' is explicitly covered with detailed trigger terms, but the 'what' is almost entirely missing — it only says 'Use for Makepad layout system' without describing what the skill actually does (e.g., explains layout concepts, generates layout code, debugs layout issues).

2 / 5

Trigger Term Quality

Excellent trigger term coverage including natural phrases ('how to center in makepad'), specific technical terms (Fit, Fill, Size, Walk, flex, padding, margin, flow, align), and even Chinese-language synonyms (布局, 宽度, 对齐, 居中). Comprehensive and well-thought-out.

5 / 5

Distinctiveness Conflict Risk

The Makepad framework is a specific niche, and the detailed trigger terms make it unlikely to conflict with other skills. Minor overlap risk exists with a general Makepad skill or a broader UI layout skill, but the specificity to 'layout system' helps distinguish it.

4 / 5

Total

13

/

20

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.