CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

web-video-presentation

把一篇文章或口播稿,做成"看起来像视频"的点击驱动 16:9 网页演示,可选合成口播音频。流程:原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事(稿子 / outline / 主题 / 素材 / 开发模式)→ 网页开发(逐章 / 顺序 / 并行)→ 可选音频合成(provider-agnostic:内置 MiniMax mmx-cli + OpenAI TTS,可换 ElevenLabs / edge-tts / Azure / 自带 TTS)。**outline 只规划节奏与信息密度,不规划动画** —— 动画由章节开发时按 PRINCIPLES + ANTI-AI 法则即时设计。每次点击推进口播稿的一个节拍,每一步独占整屏,进度条平时隐藏只在悬浮时出现。适用场景:用网页做视频(动态 PPT 但不像 PPT)、把口播稿 / 文章变成可交互的解说、为 B 站 / YouTube / 视频号录屏教程、做有电影感的产品 / talk demo。本 Skill 沉淀的是设计方法论 + 协作流程 —— 不绑定任何特定样式 / 字体 / 颜色 —— 因此能复用到任意主题与美学。

Quality

94%

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

88%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-engineered process skill: the multi-phase workflow is unambiguous with hard checkpoints, validation feedback loops, and executable commands throughout, and detail is appropriately pushed into one-level-deep references. The two real weaknesses are internal redundancy (the CHAPTER-CRAFT.md single-entry message and the two overlapping when-to-read tables) and bundle paths (themes/, templates/scripts/tts-providers/) that are referenced in the body and consumed by scaffold.sh but missing from the bundle.

Suggestions

Consolidate the「各阶段文件读取指南」table and the「相关资源」table into a single canonical when-to-read mapping — they cover the same files and nearly the same reading conditions, and the CHAPTER-CRAFT.md '单一必读入口' reminder is repeated in four places that could point to one location.

Fix the dangling bundle references: the body points to templates/scripts/tts-providers/README.md and themes/*/theme.json, and scaffold.sh copies from $SKILL_DIR/templates and $SKILL_DIR/themes, but neither directory ships in the bundle — either include them or update the paths so agents don't hit missing files at Checkpoint Plan and Phase 2.1.

Reduce the repeated restatements of the 硬性自检协议 and 双源原则 (each appears in its own section plus again in §1.2 and §2.4) to a single definition with brief cross-references.

DimensionReasoningScore

Conciseness

The body is dense and assumes Claude's competence (no teaching of Vite/React/TTS basics), but there is noticeable redundancy: the fact that CHAPTER-CRAFT.md is the "单一必读入口" is repeated in at least four places (reading-guide table, §2.3, §2.4, 十条原则 intro), and the「各阶段文件读取指南」table and the「相关资源」table substantially duplicate each other's when-to-read mapping. This fits 'efficient with minor instances of over-explanation that could be trimmed'; not score 3 because the repetition is deliberate long-session reinforcement rather than padding of concepts Claude already knows, and not score 5 because the duplicated tables and repeated reminders could be consolidated into one canonical location.

4 / 5

Actionability

Guidance is fully executable: concrete commands ("bash <path>/scripts/scaffold.sh ./presentation --theme=<id>", "rm -rf presentation/src/chapters/01-example", "npx tsc --noEmit", "PRESENTATION_TTS=openai npm run synthesize-audio"), a fully specified working-directory tree, verbatim checkpoint message templates for user alignment, and a machine-checkable invariant ("if (step === N) 出现的最大 N + 1 必须等于 narrations.length"). It is not score 4 because the common cases are copy-paste ready with specific, quantified constraints.

5 / 5

Workflow Clarity

The four-phase sequence is explicit with two mandatory checkpoints ("[Checkpoint Plan] 必须停", "[Checkpoint Audio] 必须停"), a forced first-chapter user acceptance gate, three named development modes with a stated default, and validation feedback loops: the self-check escalation ladder (Agent Teams → subagent → 自检) with the rule "先按 fail 项把产出改完,再向用户汇报...直接拿原始结论汇报但不修复 = 违规", plus tsc verification and the STORAGE_KEY bump rule after restructuring. This matches 'clear sequence with explicit validation steps; feedback loops for error recovery; checklists for complex processes'.

5 / 5

Progressive Disclosure

Good structure with well-signaled, one-level-deep references organized by when-to-read (SCRIPT-STYLE, OUTLINE-FORMAT, CHAPTER-CRAFT, THEMES, AUDIO, RECORDING, EXAMPLES/ all exist in references/), and the body explicitly avoids one-shot reading ("按'何时读'标注,避免一次性全读"). However, the body references "templates/scripts/tts-providers/README.md" and "themes/*/theme.json" / "themes/"(每个含 theme.json + tokens.css), which are absent from the actual bundle — only references/ and scripts/scaffold.sh exist, and scaffold.sh itself copies from the missing $SKILL_DIR/templates and $SKILL_DIR/themes, so an agent following the file would hit missing paths. This fits 'good structure; references mostly clear; minor organization gaps'; not score 5 because of the dangling referenced paths, and not score 3 because all other navigation is clear and one level deep.

4 / 5

Total

18

/

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.

An exceptionally complete description: it states concrete capabilities across the whole pipeline (content production, three development modes, provider-agnostic audio synthesis), gives explicit trigger scenarios in the user's own vocabulary, and carves out a distinctive niche. The only criticism is length — it is very dense — but every clause carries information with no fluff or over-claiming.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions covering the full pipeline: "做成'看起来像视频'的点击驱动 16:9 网页演示,可选合成口播音频", "一次产出口播稿 + outline 开发计划", "网页开发(逐章 / 顺序 / 并行)", and audio synthesis with named providers ("内置 MiniMax mmx-cli + OpenAI TTS,可换 ElevenLabs / edge-tts / Azure"). This matches the anchor for multiple specific concrete actions with comprehensive coverage; it is not score 4 because no meaningful capability is left uncovered.

5 / 5

Completeness

Both questions are explicitly answered: the 'what' ("把一篇文章或口播稿,做成'看起来像视频'的点击驱动 16:9 网页演示,可选合成口播音频... 本 Skill 沉淀的是设计方法论 + 协作流程") and the 'when' via an explicit applicability clause ("适用场景:用网页做视频...把口播稿 / 文章变成可交互的解说...为 B 站 / YouTube / 视频号录屏教程"). It is not score 4 because the 'when' is fully explicit with concrete trigger scenarios rather than merely present.

5 / 5

Trigger Term Quality

Natural user phrasings are comprehensively covered with synonyms and platform names: "用网页做视频(动态 PPT 但不像 PPT)", "把口播稿 / 文章变成可交互的解说", "为 B 站 / YouTube / 视频号录屏教程", "做有电影感的产品 / talk demo". These are exactly what a user with this need would say; it is not score 4 because both the colloquial terms (视频, 动态 PPT, 录屏) and platform-specific variants are present.

5 / 5

Distinctiveness Conflict Risk

The niche is distinct — a click-driven 16:9 web page that pretends to be a video with narration-synced steps ("动态 PPT 但不像 PPT", "每次点击推进口播稿的一个节拍") — and the triggers (B 站 / YouTube / 视频号录屏, 电影感 demo) would not fire for generic PPT or web-dev skills. Minimal conflict risk; not score 4 because no meaningful overlap with closely related skills is left.

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.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 2 missing, 1 deeper-than-1-level

Warning

referenced_paths_exist

Referenced path issues: 2 missing, 1 deeper-than-1-level

Warning

Total

14

/

16

Passed

Repository

ConardLi/garden-skills

Path

skills/web-video-presentation/SKILL.md

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.