CtrlK
BlogDocsLog inGet started
Tessl Logo

building-ui-ux

Use when implementing user interfaces or user experiences - guides through exploration of design variations, frontend setup, iteration, and proper integration

53

Quality

58%

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 ./.agency/plugins/nori/skills/building-ui-ux/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

50%

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

The content is a well-structured five-phase process with a concrete code skeleton and integration checklist, but it carries some redundant overview padding, an incomplete code example, and lacks explicit validation gating.

Suggestions

Remove the Overview/Core principle/Announce lines that restate the description to tighten token use.

Make the React example self-contained by defining or stubbing the variation components so it is executable, or label it explicitly as a structural pattern.

Add explicit validation checkpoints in Phase 5 (e.g. "Only mark integration complete after forms submit, routes resolve, and a11y checks pass") to upgrade the workflow from implicit to gated.

DimensionReasoningScore

Conciseness

The body is mostly list-based and free of concept explanations Claude already knows, but the Overview, "Core principle", and "Announce at start" lines restate the description and add padding that could be trimmed.

2 / 3

Actionability

It gives a concrete React JSX skeleton and specific commands (npm run dev) plus an integration checklist, but the code example references undefined components (MinimalistLogin, ModernLogin) so it is not copy-paste ready, and much guidance stays abstract.

2 / 3

Workflow Clarity

The five phases are clearly sequenced with a required TodoWrite list and a user feedback loop, but validation/checkpoint steps ("Test all interactive elements", "Verify accessibility basics") are implicit rather than explicit gated checkpoints.

2 / 3

Progressive Disclosure

It is a single well-sectioned file with no bundle references, which is acceptable, but there is no progressive-disclosure mechanism and content that could be externalized (e.g. integration checklist) is all inline.

2 / 3

Total

8

/

12

Passed

Description

67%

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 has an explicit Use-when trigger and states its purpose, but its action verbs are abstract and it omits the common UI/UX/frontend shorthand terms users tend to say.

Suggestions

Swap abstract verbs for concrete actions, e.g. "build and compare multiple UI variations, start a dev server, wire UI to data/routing, and iterate on user feedback".

Add natural trigger terms users say: "UI", "UX", "frontend", "design", "mockup", "prototype".

Tighten the niche so it does not collide with generic web-development skills, e.g. emphasize variation exploration and design iteration as the distinguishing purpose.

DimensionReasoningScore

Specificity

Names several actions ("exploration of design variations, frontend setup, iteration, and proper integration") but they are relatively abstract rather than the concrete, granular actions of the level-3 anchor; "proper integration" and "iteration" are vague.

2 / 3

Completeness

Explicitly states what it does ("guides through exploration of design variations, frontend setup, iteration, and proper integration") and includes an explicit "Use when implementing user interfaces or user experiences" trigger, satisfying both what and when.

3 / 3

Trigger Term Quality

"user interfaces or user experiences" are natural phrases, but common variations users actually say ("UI", "UX", "frontend", "design") are missing, so coverage is partial.

2 / 3

Distinctiveness Conflict Risk

The UI/UX niche is reasonably clear, but "frontend setup" and "proper integration" overlap with general web/frontend development skills, so conflict risk remains.

2 / 3

Total

9

/

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
microsoft/FluidFramework
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.