CtrlK
BlogDocsLog inGet started
Tessl Logo

ui

建立于 shadcn/ui 之上的附加 UI 组件

59

Quality

67%

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 ./.agents/skills/ui/SKILL.md
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.

The body is a concise, well-organized API reference with an executable toast.promise example. Its main weakness is the Dialog section, which describes method contracts but lacks callable usage examples.

Suggestions

Add a short executable example for at least one Dialog method (e.g. a Dialog.confirm call showing resolve/reject handling) to make it copy-paste ready.

Consider showing how Dialog and toast are imported beyond the toast import already noted, so usage is unambiguous.

DimensionReasoningScore

Conciseness

The body is lean: short bullet descriptions per method plus one concise example, assuming Claude knows what dialogs and toasts are. Not score 2 because there is no unnecessary explanation or padding.

3 / 3

Actionability

The toast.promise example is real, executable TypeScript, but the Dialog methods only describe return contracts with no calling code. Not score 3 (Dialog usage is not copy-paste ready) nor score 1 (concrete code and specific contracts are present).

2 / 3

Workflow Clarity

This is a simple single-purpose API reference where each method's behavior is unambiguously described; per the simple-skills note, a single clear action can score 3. Not score 2 (no multi-step ambiguity) nor score 1 (steps per method are clear).

3 / 3

Progressive Disclosure

Under 50 lines with no external references needed, organized into two clear sections (Dialog, toast). Per the rubric, such a simple skill can score 3 with well-organized sections. Not score 2 (organization is clean) nor score 1 (not a monolithic wall).

3 / 3

Total

11

/

12

Passed

Description

50%

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 identifies a clear niche (shadcn/ui-based UI components) but lacks action verbs, natural trigger-term variations, and any 'Use when' guidance. It is adequate but generic for triggering purposes.

Suggestions

Add concrete actions to the description, e.g. 'Render confirmation/input dialogs and toast notifications built on shadcn/ui'.

Include a 'Use when...' clause with natural trigger terms such as 'dialog', 'toast', 'confirmation prompt', or 'shadcn/ui components'.

Mention the key components (Dialog, toast) so the description is distinguishable from a general UI skill.

DimensionReasoningScore

Specificity

Names a concrete domain (附加 UI 组件 on shadcn/ui) but lists no concrete actions such as 'create' or 'render'. It is not score 3 (no multiple specific actions) nor score 1 (the domain is concrete, not vague like 'Helps with documents').

2 / 3

Completeness

It states what (附加 UI 组件 built on shadcn/ui) but provides no 'Use when...' trigger guidance, which per the rubric caps completeness at 2. Not score 3 (no explicit when) nor score 1 (what is present).

2 / 3

Trigger Term Quality

'shadcn/ui' is a real specific keyword, but there are no natural variations a user would say (e.g. 'dialog', 'toast', 'UI component'). Not score 3 (no coverage of variations) nor score 1 (a real term rather than generic jargon).

2 / 3

Distinctiveness Conflict Risk

The shadcn/ui niche is fairly specific, but without trigger terms it is unclear when it fires versus a general UI skill. Not score 3 (no distinct triggers) nor score 1 (not generic enough to conflict broadly).

2 / 3

Total

8

/

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
graphif/project-graph
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.