One-click install
npx skills add https://github.com/Houseofmvps/ultraship --skill demo-houseofmvps
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: demo
Source: https://github.com/Houseofmvps/ultraship/tree/main/skills/demo
Command: npx skills add https://github.com/Houseofmvps/ultraship --skill demo-houseofmvps

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the common pain point of unpolished applications cluttered with dev artifacts, placeholder content, and poor visual states that ruin first impressions during demos, product presentations, and screenshot captures for marketing materials.

Core Features & Use Cases

  • Demo Readiness Scanning: Runs an automated audit to score your app's demo preparedness and identify specific issues to fix.
  • Dev Artifact Cleanup: Removes console logs, resolves blocking TODOs, and replaces placeholder text with real, relevant copy.
  • Visual Polish Fixes: Adds missing favicons, removes default framework branding, creates custom error/loading/empty states, and ensures consistent visual quality.
  • Demo Support Tools: Generates step-by-step walkthrough scripts with talking points, and automates screenshot capture for key user flows.
  • Use Case: Perfect for founders preparing investor pitches, product teams showcasing new features to stakeholders, or developers capturing screenshots for app store listings.

Quick Start

Use the demo skill to prepare your web application for an upcoming investor pitch by cleaning up dev artifacts, fixing visual polish issues, and generating a step-by-step walkthrough script.

Frequently Asked Questions about demo

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

FAQPage Schema
How do I prepare my web application for an investor pitch demo?

Demo readiness scanning runs an automated audit to score your app's demo preparedness, identifying specific issues like console logs, blocking TODOs, and placeholder text. This mechanism evaluates visual quality and functional completeness to ensure your application is ready for screenshots, user testing, and presentations.

How do I generate walkthrough scripts with talking points for a product showcase?

You can generate step-by-step walkthrough scripts with talking points by applying demo support tools to your prepared application. This process creates structured presentation guides for key user flows, ensuring you cover necessary features during product showcases and investor pitches.

What is the best way to clean up dev artifacts and placeholder content before capturing app screenshots?

The best way to clean up dev artifacts before capturing app screenshots is to automate the removal of console logs, resolve blocking TODOs, and replace placeholder text with real copy. This visual polish process ensures consistent quality for app store listings and marketing materials.

Can I use this demo readiness process for any web application before a user testing session?

Yes, you can use this demo readiness process for any web application before a user testing session. It applies to pre-demo preparation workflows by scoring demo preparedness, suggesting seed data, and creating custom error, loading, and empty states to ensure a consistent visual experience.

Why does my application still show default framework branding and empty states during product presentations?

Your application shows default framework branding and empty states during product presentations because visual polish fixes have not been applied. Removing default branding, adding favicons, and creating custom loading or empty states are required to eliminate unpolished visual states that ruin demo quality.