CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

design-system

Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.

Quality

74%

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

Fix and improve this skill with Tessl

tessl review fix ./plugins/mobile-apps/skills/design-system/SKILL.md
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.

The body is highly actionable and rigorously sequenced, with validation checkpoints and error recovery on every risky path, and its reference files are real and clearly signaled. Its main weakness is token efficiency: duplicated paragraphs, repeated approval-boundary restatements, and inlined detail (dark-mode rules, cost tables, compatibility tables) bloat the SKILL.md well past overview size.

Suggestions

Deduplicate repeated content: state the "orchestrator mode opens nothing / print the path" rule and the approval/write-boundary rules once in a shared section instead of repeating them across Sub-steps 0, 3, 3.5, 5, 6, and 6.5.

Move the dark-mode derivation rules, refresh cost table, downstream-contract table, and backwards-compatibility table into existing references (e.g. refresh-flow.md or a new reference) and keep one-line pointers in SKILL.md.

Trim governance narrative (the history of the removed tamagui-design-system skill, the ~70%-of-traffic default rationale) to a single terse sentence or move it to a provenance/notes reference.

DimensionReasoningScore

Conciseness

Noticeably verbose: the "Orchestrator mode opens nothing" paragraph is duplicated verbatim in Sub-steps 5 and 6.5, approval/write-boundary rules are restated across Sub-steps 0, 3, 3.5, and 6, and changelog-style rationale ("The old separate tamagui-design-system skill existed before this split was clear...") plus MVP-default justification paragraphs are governance narrative rather than instructions. It never explains concepts Claude already knows, so it stays above score 1.

2 / 5

Actionability

Fully executable guidance: a copy-paste-ready tokens.ts template, exact print strings, exact output filenames (e.g. _plan_preview.html), a runnable cd/open bash snippet, concrete cost tables, a priority ordering for input flags, and specific hex defaults. The {{placeholder}} templates are appropriate for a generation skill and cover the common cases.

5 / 5

Workflow Clarity

The multi-step flow is explicitly sequenced with mode detection, and every risky operation has a validation checkpoint: verified pre-write backups (snapshot contract), drift detection, WCAG AA contrast validation, BLOCKED failure paths with recovery menus, retry caps, and approval gates with cancellation semantics. Feedback loops (fail → resolve → retry) are present throughout.

5 / 5

Progressive Disclosure

References are well-signaled (a "References — read before executing" section), verified real, and one level deep (references/ and references/vibe/). However, the 810-line body inlines substantial content that belongs in separate reference files — dark-mode derivation rules, the refresh cost table, and downstream-contract/backwards-compatibility tables — keeping it short of anchor 5.

4 / 5

Total

16

/

20

Passed

Description

70%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 specific and distinctive, clearly stating what it produces at which artifacts, but it lacks any "when to use" trigger guidance and misses natural synonyms like "theme", "colors", or "dark mode". Adding a Use-when clause and broader trigger vocabulary would raise both completeness and trigger-term quality.

Suggestions

Add an explicit trigger clause, e.g. "Use when creating or refreshing the visual brand (colors, typography, spacing) for a Power Apps mobile app, or when the user mentions theme, palette, reskin, or dark mode."

Include natural user synonyms such as "theme", "colors", "design tokens", and "dark mode" in the description to improve trigger matching.

Mention the refresh/reskin/dark-mode capabilities (e.g. "refresh a single dimension, reskin, or add dark mode") so the description covers the skill's full scope.

DimensionReasoningScore

Specificity

Names the domain ("Tamagui brand system for an Expo/React Native Power Apps mobile app") and three concrete artifacts ("design-system.md, tokens.ts, and an HTML gallery"), but omits the refresh/reskin/dark-mode/history capabilities the skill actually implements, so coverage has minor gaps.

4 / 5

Completeness

The "what" is clear (creates a brand system producing three named artifacts), but there is no "Use when..." clause or equivalent trigger guidance, which the rubric guidelines explicitly cap at 3.

3 / 5

Trigger Term Quality

Good natural keywords — "brand system", "design system", "Expo/React Native", "Power Apps", "tokens.ts" — but misses common synonyms users would say such as "theme", "colors", "palette", or "dark mode". Fits anchor 4 (good coverage, a few natural terms missing) better than 3.

4 / 5

Distinctiveness Conflict Risk

The highly specific niche ("Tamagui brand system for an Expo/React Native Power Apps mobile app") has distinct triggers and minimal overlap risk with generic styling or design skills.

5 / 5

Total

16

/

20

Passed

Validation

68%

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

Validation — 11 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

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

Warning

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

frontmatter_unknown_keys

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

Warning

relative_links

Relative link issues: 5 deeper-than-1-level, 3 suspicious

Warning

referenced_paths_exist

Referenced path issues: 4 deeper-than-1-level

Warning

Total

11

/

16

Passed

Repository

microsoft/power-platform-skills

Path

plugins/mobile-apps/skills/design-system/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.