CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-to-vue

Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

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 known issues

SKILL.md
Quality
Evals
Security

Quality

Content

87%

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

A tight, highly actionable CLI-tool skill with good organization and no token waste; the main gap is the absence of an explicitly sequenced run-then-validate workflow, leaving the process flow implicit.

Suggestions

Add a short numbered workflow (e.g., 1. set DASHSCOPE_API_KEY, 2. run the converter, 3. work through the Output Review Checklist, 4. fix and re-run on failures) so the execution sequence and inline checkpoints are explicit.

Cross-reference the Troubleshooting table from the run step so the validate→fix→retry feedback loop is visibly part of the workflow rather than a separate reference section.

Clarify within the workflow that generated output must pass the project's formatter/linter/type-checker/build before commit, making that checkpoint an explicit step rather than a checklist item.

DimensionReasoningScore

Conciseness

The body is lean and uses compact tables and code blocks throughout; it does not explain what Vue or the UI libraries are and assumes Claude's competence, with every section earning its place.

3 / 3

Actionability

It provides fully executable, copy-paste-ready commands ('npx ui-to-vue-converter@1.0.2 --input ./screenshots --ui vant --output ./src'), a concrete options table, and complete config/gitignore examples.

3 / 3

Workflow Clarity

Material is organized as a reference (sections and tables) rather than an explicitly numbered sequence with inline validation checkpoints; the Output Review Checklist and Troubleshooting table supply validation and feedback loops, but the execution sequence and its checkpoints are implicit rather than chained.

2 / 3

Progressive Disclosure

No bundle files are provided and none are needed; the single self-contained SKILL.md is split into clearly headed, well-navigable sections with only a one-level external pointer (the npm package name), matching the well-organized-sections standard for a single-file skill.

3 / 3

Total

11

/

12

Passed

Description

90%

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 with an explicit 'Use when' trigger and natural terminology; its only weakness is that it describes a single consolidated action rather than listing multiple concrete capabilities.

DimensionReasoningScore

Specificity

The description names the domain ('UI screenshots or design exports') and one concrete action ('batch conversion into Vue 3 components'), plus the target libraries, but does not enumerate multiple distinct actions as the score-3 anchor requires.

2 / 3

Completeness

It explicitly answers both 'what' ('batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue') and 'when' via an explicit 'Use when the user has...' trigger clause.

3 / 3

Trigger Term Quality

It surfaces natural terms a user would actually say — 'UI screenshots', 'design exports', 'Vue 3', and the library names 'Vant, Element Plus, or Ant Design Vue' — giving good coverage of likely trigger phrasing.

3 / 3

Distinctiveness Conflict Risk

The combination of UI-screenshot-to-Vue-3 batch conversion with three named component libraries carves out a clear niche that is unlikely to fire for unrelated skills.

3 / 3

Total

11

/

12

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
affaan-m/ECC
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.