1.7 KiB
1.7 KiB
Example: Prompt Enhancement
User Input (Vague)
"Make a landing page for my fitness app called 'Pulse'. It should have a place for features and a hero section."
Enhanced Prompt (Stitch-Optimized)
Note
This prompt contains NO colors, fonts, or theme instructions — those are handled by the project's design system. The prompt focuses exclusively on layout, structure, and content.
Overall Purpose: A high-energy, modern landing page for 'Pulse', a fitness tracking application. The page should feel powerful, motivating, and high-performance.
PLATFORM: Web, Desktop-first
PAGE STRUCTURE:
- Header: Minimalist navigation with Pulse logo (left) and "Start Training" primary call-to-action button (right).
- Hero Section: Large, emotive fitness photography background. Headline: "Elevate Every Beat." Sub-headline: "Track, analyze, and crush your fitness goals with Pulse." Primary CTA button: "Get Started".
- Feature Grid: Three-column responsive card grid highlighting:
- Real-time Tracking: Live stats from your wearable.
- AI Coaching: Personalized workouts based on your performance.
- Community Challenges: Compete with friends and stay motivated.
- Social Proof Section: Horizontal slider showing "Trusted by 500,000+ athletes" with partner logos.
- Footer: Quick links (Training, Pricing, Support), social icons, and legal text.
💡 Tip: Notice how the enhanced prompt describes structure and content without specifying hex codes, font families, or color roles. The design system (created via the manage-design-system skill) handles all visual theming at the project level.