CtrlK
BlogDocsLog inGet started
Tessl Logo

huashu-design

花叔Design(Huashu-Design)——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索、设计方向顾问与专家评审。HTML是工具不是媒介,根据任务embody UX设计师/动画师/幻灯片设计师/原型师,避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索、做个HTML页面、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、配色方案、视觉风格、评审、review this design、带解说动画、voiceover、narration、TTS+动画。主干能力:Junior Designer工作流、反AI slop清单、React+Babel最佳实践、Tweaks变体切换、Speaker Notes、Starter Components、App原型交互守则、Playwright验证、HTML动画到MP4/GIF导出、带解说长动画pipeline。需求模糊时进入设计方向顾问模式:推荐差异化方向、展示showcase、并行生成视觉Demo供选择。交付后可做专家级5维度评审与修复清单。

68

Quality

83%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Failed to scan

The risk profile of this skill

SKILL.md
Quality
Evals
Security

Quality

Content

66%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 highly actionable with a clear, checkpointed workflow and well-organized references to real bundle files. Its main weakness is conciseness: heavy rhetorical repetition and motivational padding inflate the length well beyond what the substantive content requires.

Suggestions

Consolidate the repeated asset-protocol and DJI Pocket 4 material into a single statement and move the full 5-step protocol into references, leaving only the trigger conditions and the 'logo/product/UI > color' hierarchy inline.

Trim rhetorical emphasis ('强调多少遍都不为过', duplicated 🛑 检查点 framing restated across sections) — state each rule once with the checkpoint, since Claude already applies explicit instructions reliably.

Move the full anti-AI-slop table into references/content-guidelines.md and keep only the top principle plus a pointer in the body, reducing the inlined detail that the progressive-disclosure structure is meant to externalize.

DimensionReasoningScore

Conciseness

The ~800-line body is noticeably verbose and padded with redundant emphasis — the asset protocol, DJI Pocket 4 anecdote, and '强调多少遍都不为过' refrains are restated multiple times — beyond the 'some unnecessary explanation' bar of a 3.

2 / 5

Actionability

Provides mostly executable guidance: concrete curl/grep/Python snippets, exact ffmpeg and narrate-pipeline commands, named script files with dependencies, and exact pixel specs (124×36 Dynamic Island), with only minor details deferred to referenced files.

4 / 5

Workflow Clarity

The standard workflow is a numbered sequence with explicit 🛑 checkpoints, a validation step (Playwright pageerror=0, ffprobe audio-stream check), and feedback loops (validate → fix → re-validate), matching the checklist-level 5 anchor.

5 / 5

Progressive Disclosure

Good structure with a clear References routing table and Starter Components table; references are one level deep, clearly signaled, and all verified to exist — but substantial detail (full asset protocol, anti-slop tables) is inlined rather than referenced, keeping it just below the lean-overview 5.

4 / 5

Total

15

/

20

Passed

Description

100%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 is comprehensive and well-structured: it names concrete capabilities, provides an explicit trigger-word list for 'when', and draws a clear boundary against the frontend-design skill. Voice is third-person/declarative, so no person-penalty applies.

DimensionReasoningScore

Specificity

Lists multiple concrete actions across the full domain (高保真原型、交互Demo、幻灯片、动画、设计变体探索、导出MP4/GIF、带解说长动画pipeline、5维度评审), with comprehensive coverage and no real gaps.

5 / 5

Completeness

Clearly states what the skill does (用HTML做高保真原型/Demo/幻灯片/动画/评审) and when to use it via an explicit concrete trigger-phrase list, satisfying both the 'what' and 'when' requirements.

5 / 5

Trigger Term Quality

An explicit 「触发词:」 clause gives comprehensive natural user phrases including synonyms and mixed CN/EN (做原型、设计Demo、做个HTML页面、app原型、iOS原型、导出MP4/GIF、review this design、voiceover、narration、TTS+动画).

5 / 5

Distinctiveness Conflict Risk

Clear niche (HTML hi-fi design output) with an explicit exclusion boundary (生产级Web App/SEO/后端 → frontend-design skill) and distinct triggers, giving minimal conflict risk.

5 / 5

Total

20

/

20

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (812 lines); consider splitting into references/ and linking

Warning

referenced_paths_exist

Referenced path issues: 4 missing, 6 deeper-than-1-level

Warning

Total

14

/

16

Passed

Repository
zhukunpenglinyutong/desktop-cc-gui
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.