Use with VoiceOver. To turn on/off use cmd+f5 on a Mac or triple-click the home/side button on iOS after enabling the gesture in Settings > Accessibility > Accessibility Shortcut > VoiceOver.
Prompt via Sonnet 4.6:
Create a web page that guides a user through an intermediate 40 minute vinyasa flow. Include free use photos of the poses and narration of the flow with announcements audible via voiceover or other screen readers and show the name of the pose rendered in sanskrit. The user should be able to select from a few different flows based on their mood, target muscles, or an auto-selected routine based on a text input of how they are feeling. Flow recommendations should be improved based on aggregate feedback as well as personal feedback. Include a test suite. Please go ahead and deploy for testing.
npx serve vinyasa-app.jsxnpx run-claude-artifact build vinyasa-app.jsxcredit: quick artifact run/build via claudio-silva/claude-artifact-runner
Photos are meh - but a fun little spin-up. It helps to select an enhanced/premium voice. It'd be nice to be able to quickly edit and update – hence the world of AI+ offerings – but more fun to just get this out the door on its own. A little tanpura or a lo-fi playlist and you are off to the races. First version went awol on speech synthesis and lo-fi loops.
Here's your Vinyāsa Flow Guide — a full-featured 40-minute practice companion. Here's what's packed in:
Flows (4 total, each ~40 min):
- 🔥 Morning Fire — energizing, heat-building sequence
- 🌙 Deep Release — restorative, nervous-system focused
- 💪 Core Ignite — abdominal strength and balance
- 🌸 Open Up — flexibility and hip/hamstring release
Features:
- AI mood matcher — describe how you feel and Claude picks (and explains) the right flow, weighted by community ratings and your personal history
- Pose photos from Unsplash with Sanskrit names (with diacritics, e.g. Adho Mukha Śvānāsana) displayed on every card
- Screen reader / voiceover — ARIA live regions announce every pose transition with the full cue, 10-second countdown warnings, and completion
- Animated ring timer with skip forward/back controls
- 5-star feedback — personal ratings stored privately, aggregate ratings stored and shared across all users to improve recommendations over time
- Test suite — 14 tests covering pose validation, flow structure, timer logic, feedback math, and Sanskrit diacritics (accessible via "Run Test Suite" in the footer)
To test: click "Run Test Suite" at the bottom of the home screen. To experience the AI recommendation, type something like "I'm exhausted and anxious from a long week" and hit Find Flow.