Vincent Wang — Skill Specification

Generate interactive single-page workshop HTML decks with reusable slide patterns.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/vincentt-wang/marketing-strategy-course --skill vincent-wang-skill-specification
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Vincent Wang — Skill Specification
Source: https://github.com/vincentt-wang/marketing-strategy-course/tree/main
Command: npx skills add https://github.com/vincentt-wang/marketing-strategy-course --skill vincent-wang-skill-specification

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of turning expert ideas into interactive, sequential workshop experiences—so your audience learns faster and remembers more than static slide decks can deliver.

Core Features & Use Cases

  • Interactive workshop page specifications: Defines how to build a single self-contained HTML “deck” using scroll-snap sections and on-demand reveals.
  • Knowledge experience design: Treats learning flow as the product—what to reveal, in what order, and with pacing tools like timers and accordion-style depth.
  • Reusable component language: Standardizes core slide types (cover, section-cover/section, big-quote, dark bullet pages, unlock-card reveals, triad/venn/DFV patterns, exercises, timers, and cross-reference navigation).
  • Brand-consistent visual system: Provides a coherent typography, color, spacing, and interaction style so the page itself becomes proof of the skill.
  • Practical authoring workflow: Documents how to add new slides, keep ids consistent, maintain section navigation, and prevent context rot during edits.

Quick Start

Use this skill to generate a new workshop HTML deck by following the slide-system structure and implementing the slide types inside your single-page renderer and slide data array.

Frequently Asked Questions about Vincent Wang — Skill Specification

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an interactive HTML workshop page that guides learners sequentially?

Build a single self-contained HTML deck using scroll-snap sections and on-demand reveals. This approach structures learning flow by controlling what to reveal, in what order, and with pacing tools like timers and accordion-style depth.

What is knowledge experience design for workshop presentations?

Knowledge experience design treats learning flow as the product, dictating what to reveal, in what order, and with pacing tools. It turns expert ideas into sequential, interactive experiences so audiences remember more than static slides deliver.

How do I build a single-page HTML presentation with sequential reveal and pacing?

Follow a documented slide data schema and section navigation model to build the page. Use reusable slide types like cover, big-quote, and unlock-card reveals inside a single-page renderer and slide data array to manage sequential reveal and pacing.

Can I use a reusable component system for course landing pages and training sessions?

Yes, you can standardize course landing pages and presenter-led training sessions using a reusable component language. It defines core slide patterns, visual theming rules, and interaction patterns to maintain a brand-consistent learning experience.

How do I prevent context rot when editing an interactive workshop HTML deck?

Prevent context rot during edits by strictly adhering to the documented slide data schema. Maintain consistent IDs, use the practical authoring workflow for adding new slides, and preserve the section navigation model to keep the deck intact.

Do I need specific frameworks to implement interactive workshop slide patterns?

No external frameworks are required. The skill produces a self-contained HTML experience by specifying reusable slide patterns, learning-flow rules, visual theming, and interaction patterns directly within the single-page deck structure.