CtrlK
BlogDocsLog inGet started
Tessl Logo

build-ui-components-and-systems

构建、扩展、审计或迁移可复用的 UI 组件与设计系统。当交付核心是跨页面或跨消费者复用的 token、组件 API、交互与无障碍合同、设计—代码映射、组件文档、分发包、版本治理或采用迁移时使用;若核心是完成一个产品工作流、阅读内容或单项视觉资产,则改用相应领域 Skill。

72

Quality

88%

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

85%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 well-structured, governance-oriented skill with clear sequenced gates, validation feedback loops, and clean progressive disclosure to real reference files. The main lever is tightening length/repetition and adding a few more concrete executable specifics.

Suggestions

Reduce repetition of authority-chain and claim-ceiling concepts across the gates; state them once and reference back to keep the body leaner.

Add a concrete, copy-paste-ready example of the target-profile record fields filled in for one common mode (e.g. edit) to raise actionability.

Consider consolidating the repeated '失败返回…' phrasing into a single templated gate format to trim tokens without losing the feedback loops.

DimensionReasoningScore

Conciseness

Dense, domain-specific guidance that assumes Claude's competence and avoids basic-concept padding, but is long with some concept repetition (authority, claim ceiling) across gates, sitting below the leanest 5 anchor.

4 / 5

Actionability

As an instruction-only skill it provides concrete, specific guidance — named record fields, gate inputs/outputs, evidence taxonomy, and failure signals — with only minor gaps versus fully copy-paste-ready instruction.

4 / 5

Workflow Clarity

A clearly sequenced process (路由→权威链→基础→gates→合同→证据) where each D10 gate is a checklist with trigger/inputs/actions/evidence/failure-return feedback loops, matching the top anchor.

5 / 5

Progressive Disclosure

The body is an overview with well-signaled, one-level-deep references to real bundle files (references/patterns.md, references/tool-profiles.md) under an explicit 按需读取 section, with content appropriately split.

5 / 5

Total

18

/

20

Passed

Description

92%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, specific description that clearly states capabilities and explicit trigger conditions with negative routing to avoid misfires. The only minor gap is trigger-term breadth, which is thorough but leans on technical domain jargon over user-natural synonyms.

DimensionReasoningScore

Specificity

Names the domain and four concrete actions (构建、扩展、审计、迁移) plus a comprehensive concern list (token、组件 API、无障碍合同、分发、版本治理、迁移), matching the 'multiple specific concrete actions; comprehensive coverage' anchor.

5 / 5

Completeness

Explicitly answers both 'what' (build/extend/audit/migrate reusable UI components and design systems) and 'when' (当…时使用 with concrete trigger conditions), plus negative routing — matching the top anchor.

5 / 5

Trigger Term Quality

Good natural domain keywords (UI 组件、设计系统、token、无障碍、迁移) but leans technical and omits some common synonyms/variations a user might say, so it sits above 3 but below the comprehensive 5 anchor.

4 / 5

Distinctiveness Conflict Risk

Clear niche (UI component/design-system contracts) with distinct triggers and explicit disambiguation against other domain skills (改用相应领域 Skill), giving minimal conflict risk.

5 / 5

Total

19

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
EverMind-AI/Raven
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.