CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-vue-development

编写 BK-CI 前端 Vue 页面和组件时使用,例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。

58

Quality

66%

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 ./ai/skills/frontend-vue-development/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

48%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 well-structured, concise, and avoids redundant concept explanation, with clean sectioning and sensible cross-skill navigation. Its main weakness is actionability: it describes principles and pitfalls but gives no concrete code, commands, naming/API conventions, or executable steps, leaving workflow clarity low as well.

Suggestions

Add concrete, executable guidance: example component structure, a Vuex module snippet, the project's API-call/error-handling pattern, and naming/indentation conventions so Claude can apply them directly.

Turn '快速指导' into an explicit sequenced workflow with checkpoints (e.g., identify data source → define interaction state → implement with consistent API pattern → handle empty/error/loading/permission states).

Flesh out '高信号规则' and '关键陷阱' with short code do/don't examples rather than abstract statements.

DimensionReasoningScore

Conciseness

The body is lean, sectioned, and avoids explaining generic Vue/Vuex concepts Claude already knows; a few "快速指导" items are slightly advisory/abstract and could be tightened, placing it just below the fully lean 5 anchor.

4 / 5

Actionability

Guidance is high-level and abstract ("组件职责单一", "数据来源、交互状态、和谁通信", "错误态和 loading 态必须一起设计") with no concrete code, commands, naming patterns, file paths, or API-call conventions to actually execute — matching the minimal-concrete-guidance 2 anchor.

2 / 5

Workflow Clarity

There is no real multi-step workflow sequence; the "快速指导" list is a rough ordering of principles with no validation checkpoints or defined sequence, and cross-skill handoffs are only vaguely signaled, fitting the 2 anchor.

2 / 5

Progressive Disclosure

Content is well-sectioned into clearly labeled categories (适用场景, 不适用场景, 高信号规则, 关键陷阱, 延伸阅读) with one-level-deep sibling-skill references (api-interface-design, backend-microservice-development); no bundle files exist so structure is purely internal, which is appropriate for this length, with only minor organization gaps.

4 / 5

Total

12

/

20

Passed

Description

83%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 clearly states what the skill does and when to use it, with a concrete prioritization trigger and a frontend-vs-backend boundary. It is specific and distinctive, with only minor gaps in action coverage and trigger synonyms.

DimensionReasoningScore

Specificity

Names the domain (BK-CI frontend Vue) and lists several concrete capabilities — "Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现" — giving several specific actions, though coverage is enumeration rather than fully comprehensive operational actions.

4 / 5

Completeness

Explicitly answers both what ("编写 BK-CI 前端 Vue 页面和组件…例如…") and when ("当用户要改前端页面而不是后端服务时优先使用") with a concrete trigger phrase, matching the 5 anchor.

5 / 5

Trigger Term Quality

Includes natural phrases users would say ("改前端页面", "不是后端服务", "Vue 组件", "Vuex") plus the explicit prioritization trigger; a few common synonyms/variations are missing, so it sits just below the comprehensive 5 anchor.

4 / 5

Distinctiveness Conflict Risk

The "改前端页面而不是后端服务" boundary and BK-CI/Vue/Vuex specifics make it mostly distinct from sibling skills, with only minor overlap risk against adjacent frontend skills (e.g. api-interface-design referenced in the body).

4 / 5

Total

17

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
TencentBlueKing/bk-ci
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.