Convert the script into a minimalist, tech-inspired, vertical-screen HTML presentation in Steve Jobs style.
Design Philosophy
- Minimalism - One screen covers only one thing
- Strong visual contrast - Dark background + white text
- High whitespace - Dense layout is prohibited
- Strong sense of rhythm - Make the audience want to keep watching
Generation Process (must be strictly followed)
Step 1: Read the script
Read the user's original script without modifying the original content.
Step 2: Generate a refined script
Condense the content, enhance its impact, adapt it to the presentation scenario, and output it in Markdown format.
Step 3: Generate Steve Jobs-style titles
Generate a title for each chapter, which must satisfy:
- ≤12 characters
- Use one of the following forms: contrastive, question-based, assertive, numeric, metaphorical
- Self-check: Does it make people want to keep listening?
Step 4: Design the slide structure
Plan the page order and types, refer to references/slide-types.md。
Step 5: Generate HTML
Use assets/template.html as the base template to generate the complete HTML.
Step 6: Fill in the content
Add dynamic background light spots, interaction logic, and smooth transition animations.
Output Order (must be output in sequence)
- Refined script（Markdown）
- Slide structure outline
- Complete HTML code
Visual Specification Quick Reference
| Item | Specification |
|---|---|
| Aspect ratio | 9:16 vertical screen |
| Background | #000000 or #0a0a0a + blurred light spot animation |
| Main text | #ffffff |
| Secondary text | #9ca3af |
| Chinese font | HarmonyOS Sans SC / Source Han Sans |
| English font | Inter / Roboto |
| Title font weight | font-black / font-bold |
| Body font weight | font-light / font-normal |
For detailed specifications, see references/design-spec.md。
Interaction Requirements
- Keyboard ← → to turn pages
- Bottom progress navigation bar
- Smooth transition animations
Tech Stack
- TailwindCSS (domestic CDN)
- Use Vue3 (CDN) for complex pages
- A single HTML file that can be opened and run directly
Strictly Prohibited Actions
- Text stacking / dense layout
- Flashy color schemes
- Complex charts
- Landscape aspect ratio
- Deviating from the minimalist tech style
Default Rules
- If the number of pages is unspecified: automatically generate 8~20 pages
- If the style is unspecified: default to Steve Jobs style