CtrlK
BlogDocsLog inGet started
Tessl Logo

ian-xiaohei-svg-motion

Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and short video visual aids. Use when the user asks for 小黑 SVG、漫画感 HTML、分层 SVG 动效、把小黑生图做成 HTML/SVG、可编辑矢量动效、口播流程动画、手绘漫画动效、正文配图动画, or wants a Xiaohei illustration style adapted into controllable HTML/SVG/GSAP output instead of raster image generation.

79

Quality

100%

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

100%

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

A well-structured, token-efficient skill body: a concise overview with a clear sequenced workflow, an explicit validation/quality gate, and one-level-deep references that all resolve to real bundle files. It assumes Claude's competence and provides concrete, actionable guidance. No changes needed.

DimensionReasoningScore

Conciseness

The body is lean and imperative; it does not explain what SVG/GSAP/HTML are or other concepts Claude already knows, and nearly every line is task-specific instruction. Not the level 2 case because there is no padded generic explanation to tighten.

3 / 3

Actionability

Gives concrete, executable guidance: exact output folder ('output/<slug>-xiaohei-svg-motion/'), required/optional file lists, specific query flags ('?static=1', '?frame=mid'), enumerated GSAP properties, and 'assets/icons/index.json' as source of truth. This is instruction-style with templates as the executable scaffold, which the code_vs_instruction note does not penalize; not level 2 since no key details are missing or pseudocoded.

3 / 3

Workflow Clarity

Provides a clear pipeline diagram and an 8-step sequence plus a Quality Gate with explicit validation checkpoints (open in local server, check console, capture '?static=1' and mid-frame screenshots, inspect overlaps), including feedback for fixing overlaps. Not level 2 because validation checkpoints are explicit rather than implicit.

3 / 3

Progressive Disclosure

The body is a lean overview that defers detail to one-level-deep, clearly signaled references ('Read references/style-rules.md before designing...') and existing bundle paths (references/*.md, assets/icons/index.json, assets/templates/*), all confirmed present in the bundle. Not level 2 because references are well-signaled and content is appropriately split rather than inlined.

3 / 3

Total

12

/

12

Passed

Description

100%

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, third-person description that pairs concrete capabilities with an explicit 'Use when...' clause and a rich set of natural (Chinese and English) trigger terms. It is distinctive and unlikely to conflict with other skills. No changes needed.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ('Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes...') and an explicit output form ('controllable HTML/SVG/GSAP output instead of raster image generation'), matching the 'lists multiple specific concrete actions' anchor.

3 / 3

Completeness

Explicitly answers both what ('Create Ian Xiaohei-style HTML/SVG motion illustrations...') and when ('Use when the user asks for...'), matching the 'clearly answers both what AND when with explicit triggers' anchor.

3 / 3

Trigger Term Quality

Provides extensive natural trigger phrases a user would actually say ('小黑 SVG、漫画感 HTML、分层 SVG 动效...口播流程动画、手绘漫画动效、正文配图动画') alongside English intent, giving good coverage of natural terms.

3 / 3

Distinctiveness Conflict Risk

The Ian Xiaohei style + HTML/SVG/GSAP controllable-animation niche is highly specific with distinct triggers, making it unlikely to fire for an unrelated skill.

3 / 3

Total

12

/

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

referenced_paths_exist

Referenced path issues: 3 deeper-than-1-level

Warning

Total

15

/

16

Passed

Repository
Agentchengfeng/chengfeng-videocut-skills
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.