Skip to content

changxiyue1992-lang/ai-saas-demo-script-skill

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI SaaS Demo Script Skill

Codex skill for creating concise, conversion-oriented AI SaaS product demo scripts, shot-by-shot storyboards, and Remotion-ready motion plans.

Use this when you want to turn an AI SaaS product, dashboard, website, or UI flow into a demo video plan that is clear, accurate to the product, and ready for motion implementation.

This skill is especially useful for:

  • AI SaaS product demo videos
  • launch videos and feature walkthroughs
  • product UI motion storyboards
  • Remotion timelines
  • real-product demo videos that need accurate UI fidelity
  • data-heavy SaaS dashboards and fintech demos

What It Helps With

  • Product value extraction from real UI
  • Concise English on-screen copy
  • Shot-by-shot storyboard writing
  • Workflow-first product demo structure
  • Smart Zoom, cursor, and focus choreography
  • HyperFrames-style foreground carry cards and smooth motion
  • Data animation for KPI, trend, comparison, and dashboard proof
  • Remotion-ready scene timing, camera movement, and QA notes
  • Real UI fidelity checks for logos, layout, pointer alignment, and selected regions

What It Includes

  • SKILL.md: core workflow and triggering instructions
  • references/: focused references for camera movement, transitions, Remotion parameters, data animation, fintech shot studies, layered UI QA, website-to-video workflows, and real UI backplate workflows
  • agents/openai.yaml: UI metadata for Codex skill lists

Key Patterns

  • workflow-first SaaS demo structure
  • short, outcome-led on-screen copy
  • Smart Zoom and cursor-led operations
  • HyperFrames-style foreground carry cards
  • data animation and dashboard proof
  • real UI screenshot/backplate overlays for product fidelity
  • pointer/focus lifecycle QA

Installation

Install by copying the ai-saas-demo-script/ folder into your Codex skills directory:

cp -R ai-saas-demo-script ~/.codex/skills/ai-saas-demo-script

If installing from GitHub with a path-aware installer, use:

path: ai-saas-demo-script

The repository root is a publishing wrapper. The installable skill is the ai-saas-demo-script/ subfolder.

Example Prompts

Use $ai-saas-demo-script to turn this AI SaaS product UI into a 60-second product demo storyboard and Remotion timeline.
Use $ai-saas-demo-script and @remotion to create a product demo video plan from this SaaS dashboard. Keep the copy concise, use Poppins, and include data animation.
Use $ai-saas-demo-script to audit this Remotion demo for UI fidelity, pointer alignment, box selection accuracy, and HyperFrames-style motion flow.

Recommended GitHub Topics

Add these topics to the repository so the skill is easier to find:

codex-skill
ai-saas
product-demo
remotion
motion-design
storyboard
video-script
demo-video

Release Suggestion

Tag the first stable release as v1.0.0.

Suggested release title:

v1.0.0 - AI SaaS demo script skill

Suggested release notes:

Initial stable release with workflow-first SaaS demo scripting, Remotion-ready motion guidance, real UI fidelity checks, data animation rules, and HyperFrames-style camera/pointer choreography.

License

MIT

About

Codex skill for AI SaaS product demo scripts, storyboards, and Remotion-ready motion plans.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors