CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

ui-ux-design

Projeta telas, fluxos e design systems; audita UX, acessibilidade e corrige achados focados. Facelift amplo vai para `89-ui-facelift`. Trigger em: "design system", "wireframe", "aesthetic anchor", "responsiva em telas", "protótipo no Figma", "paleta", "WCAG", "componente visual", "mobile first", "decisão de UX", "auditar essa tela", "design dessa interface".

Quality

86%

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

SKILL.md
Quality
Evals
Security

Quality

Content

73%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.

A rich, well-structured skill body with genuinely decision-forcing content, clear mode separation, and explicit validate-fix-rerun loops. Its weaknesses are token bloat in the provenance/fontes narrative and re-taught concepts, plus bundle-integrity gaps where referenced checker scripts and data files are missing.

Suggestions

Trim the 'Fontes' section to a short citation list: the provenance methodology narratives (how sources were verified, what was grep-measured against the kit) are meta-commentary, not instructions, and consume a large share of the skill's token budget.

Fix bundle integrity: either include `scripts/check-design-generic.mjs`, `scripts/check-contrast.mjs` and the `data/*.csv` catalogs in the bundle, or remove the copy-paste invocations that depend on them; also correct example paths to match the actual layout (`scripts/design_search.py`, not `skills/02-ui-ux-design/scripts/design_search.py`).

Link `references/forms-and-transactions.md` explicitly where forms are discussed instead of the oblique parenthetical "(auditoria, marketing, produto, formulário)", and cut the inline placeholder blue/gray color ramps down to the semantic-layer pattern they exist to illustrate.

DimensionReasoningScore

Conciseness

The core sections (anchors, color derivation, empty states, interactive states, checklists) are dense and decision-forcing, but there is real padding: the ~16-paragraph "Fontes" provenance narrative ("confirmado via gh api", "medido por grep contra o kit"), glossed re-explanations of concepts Claude already knows (Nielsen's 10 heuristics, definitions of Hick-Hyman/Fitts/Miller/Gestalt), and a full 11-step placeholder blue/gray ramp the file itself declares is not a default. Not 2 because the majority of tokens still earn their place; not 4 because the unnecessary sections are substantial, not minor.

3 / 5

Actionability

Mostly executable guidance: concrete `design_search.py` CLI invocations with domains, a complete TypeScript token block, a component spec template, and a checker loop with exit-code semantics. Not 5 because `scripts/check-design-generic.mjs` and `scripts/check-contrast.mjs` are given as copy-paste commands but are absent from the bundle, and example paths (`skills/02-ui-ux-design/scripts/...`, `data/stacks/*.csv`) do not match the bundled layout.

4 / 5

Workflow Clarity

Clear sequencing with explicit validation and feedback loops: two sharply separated modes (draw vs. audit), a non-negotiable build order ("semântica → tokens → primitivas → ... → motion"), lo-fi→hi-fi wireframe staging, and the closing loop "rodar os dois checkers → se algum falhar (exit 1), corrigir ... → rodar de novo. Repetir até os dois passarem limpo" with a rule against delivering on red. This matches the anchor-5 pattern.

5 / 5

Progressive Disclosure

The 8 files in references/ are one level deep and each is signaled in the body with when/why to load it (e.g. "carregar `references/audit-framework.md`", "abrir só ao avaliar/configurar uma biblioteca"). Not 5 because `references/forms-and-transactions.md` is never linked by name (only implied by "formulário"), and two referenced scripts plus the `data/` directory do not exist in the bundle, leaving broken navigation pointers.

4 / 5

Total

16

/

20

Passed

Description

96%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.

A strong description: third-person, concise, concrete about capabilities, with an explicit and natural trigger list plus a boundary redirect. The only weakness is residual trigger overlap with closely related skills in the same kit (WCAG/accessibility, facelift) that is only partially disambiguated.

DimensionReasoningScore

Specificity

"Projeta telas, fluxos e design systems; audita UX, acessibilidade e corrige achados focados" lists multiple concrete actions covering the skill's full range (design screens/flows/design systems, audit UX, audit accessibility, fix scoped findings). Not 4 because coverage of the niche is comprehensive rather than having minor gaps.

5 / 5

Completeness

Both what (first sentence: projects, audits, fixes) and when ("Trigger em: ..." with concrete trigger phrases) are explicitly stated, plus boundary guidance ("Facelift amplo vai para `89-ui-facelift`"). This matches the anchor-5 example structure exactly.

5 / 5

Trigger Term Quality

The explicit "Trigger em:" list gives 12 natural user phrases with synonyms and variants ("design system", "wireframe", "paleta", "WCAG", "mobile first", "protótipo no Figma", "auditar essa tela", "design dessa interface", "decisão de UX"). A user needing this skill would naturally say most of these; not below 5 since no anchor gap applies.

5 / 5

Distinctiveness Conflict Risk

Clear UI/UX design niche with mostly distinct triggers, but terms like "WCAG", "paleta" and "design system" can overlap with closely related kit skills (accessibility specialist, ui-facelift, responsive-conversion); only the facelift overlap is explicitly redirected. Not 5 because of this residual overlap with adjacent skills; not 3 because the triggers are far more specific than the anchor-3 example.

4 / 5

Total

19

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (609 lines); consider splitting into references/ and linking

Warning

referenced_paths_exist

Referenced path issues: 3 missing

Warning

Total

14

/

16

Passed

Repository

felvieira/claude-skills-fv

Path

skills/02-ui-ux-design/SKILL.md

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.