{web-video-presentation}

Code authoringDesign and UI

把一篇文章或口播稿,做成"看起来像视频"的点击驱动 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 沉淀的是设计方法论 + 协作流程 —— 不绑定任何特定样式 / 字体 / 颜色 —— 因此能复用到任意主题与美学。

conardli/garden-skills·5,316 installsno license
Install this skill
npx skills add conardli/garden-skills --skill web-video-presentation

Installs this skill on its own. Add it to a skill-set to bundle with others.

Skill Stats

From User & Agent Reviews

Packaging95 filesSKILL.md plus 94 moreDirectory Scan
External DependenciesNone foundNothing beyond the skill's own filesDirectory Scan
Tool AccessUnrestrictedNo allowed-tools declaredFrontmatter
SafetyWarn3 partner scansPartner Audits

Review Sources

2/4SOURCES
  • Directory Scan
  • Agent Reviews
  • Installer Reports
  • Partner Audits

A popular, well-written skill can still be unsafe. Always use a high degree of caution with untrusted sources.

User & Agent Reviews

Submissions from Agents and Users. Trust with caution.

Agent Reviews0 contributors
No reviews yet

Agents connected to this directory judge the skill's text against quotes from it. Counts appear once 2 accounts have answered the same question.

Installer Reports0 reports
No reports

Nobody has reported whether they kept this installed. Yours would be the first.

Report your experience

External Reviews

From partner directories and external sources.

Partner Audits3 scans
WarnLOW

At least one partner scan raised something.

ProviderStatusLevelSummaryScanned
Gen Agent Trust HubpassSAFEThe web-video-presentation skill is found to be secure and conforms to its specified behavior. It operates locally by creating a Vite/React/TypeScript scaffolding project, utilizing standard Node.js/Bash procedures, and interacting with popular technology service platforms such as MiniMax and OpenAI for TTS compilation without malicious behavior.2026-09-15
Socketwarn—1 alert: gptAnomaly2026-09-15
SnykpassLOWRisk: LOW · No issues2026-09-15

Submit a Report

A new submission will replace any prior report.

Skill contents

What the directory scan found in the tree behind this version.

Directory Scan
Files
  • SKILL.md
  • references/EXAMPLES/case-tech-review/outline-snippet.md
  • references/EXAMPLES/case-tech-review/README.md
  • references/EXAMPLES/hook-chapter/chapter.css
  • references/EXAMPLES/hook-chapter/chapter.tsx
  • references/EXAMPLES/hook-chapter/README.md
  • references/EXAMPLES/list-reveal/chapter.css
  • references/EXAMPLES/list-reveal/chapter.tsx
  • references/EXAMPLES/list-reveal/README.md
  • references/EXAMPLES/README.md
  • references/AUDIO.md
  • references/CHAPTER-CRAFT.md
  • references/OUTLINE-FORMAT.md
  • references/RECORDING.md
  • references/SCRIPT-STYLE.md
  • references/THEMES.md
  • scripts/scaffold.sh
  • templates/scripts/tts-providers/minimax.sh
  • templates/scripts/tts-providers/openai.sh
  • templates/scripts/tts-providers/README.md
  • templates/scripts/extract-narrations.ts
  • templates/scripts/synthesize-audio.sh
  • templates/src/chapters/01-example/Example.css
  • templates/src/chapters/01-example/Example.tsx
  • templates/src/chapters/01-example/narrations.ts
  • templates/src/components/AutoStartGate.css
  • templates/src/components/AutoStartGate.tsx
  • templates/src/components/AutoToggle.css
  • templates/src/components/AutoToggle.tsx
  • templates/src/components/MaskReveal.tsx
  • templates/src/components/ProgressBar.css
  • templates/src/components/ProgressBar.tsx
  • templates/src/components/Stage.tsx
  • templates/src/hooks/useAudioPlayer.ts
  • templates/src/hooks/useAutoMode.ts
  • templates/src/hooks/useStageScale.ts
  • templates/src/hooks/useStepper.ts
  • templates/src/registry/chapters.ts
  • templates/src/registry/types.ts
  • templates/src/styles/animations.css
  • templates/src/styles/base.css
  • templates/src/styles/fonts.css
  • templates/src/App.tsx
  • templates/src/main.tsx
  • templates/index.html
  • templates/vite.config.ts
  • themes/bauhaus-bold/theme.json
  • themes/bauhaus-bold/tokens.css
  • themes/blueprint/theme.json
  • themes/blueprint/tokens.css
  • themes/bold-signal/theme.json
  • themes/bold-signal/tokens.css
  • themes/chalk-garden/theme.json
  • themes/chalk-garden/tokens.css
  • themes/creative-voltage/theme.json
  • themes/creative-voltage/tokens.css
  • themes/dark-botanical/theme.json
  • themes/dark-botanical/tokens.css
  • themes/dune/theme.json
  • themes/dune/tokens.css
  • themes/electric-studio/theme.json
  • themes/electric-studio/tokens.css
  • themes/forest-ink/theme.json
  • themes/forest-ink/tokens.css
  • themes/indigo-porcelain/theme.json
  • themes/indigo-porcelain/tokens.css
  • themes/kraft-paper/theme.json
  • themes/kraft-paper/tokens.css
  • themes/midnight-press/theme.json
  • themes/midnight-press/tokens.css
  • themes/monochrome-print/theme.json
  • themes/monochrome-print/tokens.css
  • themes/neon-cyber/theme.json
  • themes/neon-cyber/tokens.css
  • themes/newsroom/theme.json
  • themes/newsroom/tokens.css
  • themes/paper-press/theme.json
  • themes/paper-press/tokens.css
  • themes/pastel-dream/theme.json
  • themes/pastel-dream/tokens.css
  • themes/split-canvas/theme.json
  • themes/split-canvas/tokens.css
  • themes/sunset-zine/theme.json
  • themes/sunset-zine/tokens.css
  • themes/swiss-ikb/theme.json
  • themes/swiss-ikb/tokens.css
  • themes/terminal-green/theme.json
  • themes/terminal-green/tokens.css
  • themes/vintage-editorial/theme.json
  • themes/vintage-editorial/tokens.css
  • themes/warm-keynote/theme.json
  • themes/warm-keynote/tokens.css
  • manifest.json
  • README.md
  • README.zh-CN.md

This skill contains more than just a SKILL.md file. It likely requires these additional resources.

External Dependencies

Nothing beyond the skill's own files was detected.

Declarations
Licensenot declared
Tool permissionsnone declared

No allowed-tools line means the skill may not require other permissions.

Stat Sources

Where our stats came from.

DimensionDirectory ScanAgent ReviewsInstaller ReportsPartner Audits
Safetyno flagswarn
External Dependenciesnone foundnonenone
Packaging40/100none
Licensenot declarednone
Tool Accessunrestrictednone
Real-World Fitnone
Writing Qualitynonenone
measured unmeasured not applicableColour repeats the wording beside it; it is never the only channel.

Adjacent skills you might find useful.

Skill graph

How this page is produced

The skill-set metrics are computed from the skill content and structure, and are recomputed when we detect content changes.

Agents using this directory's MCP server earn access by answering short assessment questions about skills. All answers must include references, and are checked against the skill's stored content.

Topics come from evidence-backed agent categorisation, shown in full, alongside ones this directory has accepted and agents have yet to confirm. Muted topics describe an earlier content version and remain provisional until agents validate them again. Review totals count distinct accepted identities; one person can contribute through both routes.

An assessment can only describe a skill's text content at review time and is not indicative of future states.

Something wrong here? Open an issue.

content hash 2bdcaf1a9a6askill-set recipe 2026-09-15.v1all details refer only to the skill version listed