riff
Riff creates multiple app variations simultaneously, each representing a different interpretation rather than just visual tweaks. Gather your requirements once, then generate and rank all variations in parallel to find the strongest concept.
Riff generates 3-10 distinct app variations in parallel so you can compare different interpretations at once.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
Riff generates 3-10 distinct app variations in parallel so you can compare different interpretations at once. Riff creates multiple app variations simultaneously, each representing a different interpretation rather than just visual tweaks. Gather your requirements once, then generate and rank all variations in parallel to find the strongest concept.
Use it when
- Yes.
- Riff accelerates brainstorming by generating multiple app alternatives in parallel and ranking them with scoring.
Verify before relying
Read SKILL.md below before installing (4 files). Open directory: indexed for reading, not audited.
Install
popmechanic/VibesOS/riff · repository language: HTML
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does riff do with my app concept?
Riff generates multiple distinct app interpretations in parallel, each representing a fundamentally different approach to your concept rather than minor visual tweaks. You describe your requirements once, and riff creates and ranks all variations simultaneously so you can compare different design philosophies, feature sets, and architectural approaches side-by-side to identify the strongest direction.
Can riff create variations of my app concept?
Yes. Riff specializes in creating variations of your app concept by exploring different design and feature approaches to a single core idea. Each variation represents a distinct interpretation—different user flows, feature prioritization, or technical strategies—rather than cosmetic changes, helping you discover alternative directions you might not have considered.
How does riff help me brainstorm app variations?
Riff accelerates brainstorming by generating multiple app alternatives in parallel and ranking them with scoring. Instead of iterating one idea at a time, riff produces several competing concepts simultaneously, complete with comparative analysis so you can rapidly evaluate which variations merit further development.
Can riff show me different interpretations of my idea?
Riff excels at showing you different interpretations by generating parallel app designs that each take a distinct angle on your core concept. You get multiple ranked recommendations on which app variation to develop next, letting you explore options for your app and choose from several thoughtfully-generated alternatives rather than settling on a single direction.
What's the fastest way to compare multiple app concepts?
Riff is built for rapid comparison: it generates multiple app ideas at once and ranks them so you can instantly see which concepts are strongest. Rather than developing ideas sequentially, riff creates all variations in parallel, letting you compare app design variations and make informed decisions about which direction to pursue without lengthy iteration cycles.
Does riff support different visual themes?
Riff can create visual variations with different aesthetics and themes as part of its broader variation generation. However, riff's primary strength is exploring different design and feature approaches—distinct architectural and functional interpretations—rather than focusing solely on visual styling.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
> Plan mode: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:riff". Do not decompose the steps below into separate plan tasks.
Display this ASCII art immediately when starting:
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░░▒▓███████▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓█▓▒▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓█▓▒▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓██████▓▒░ ░▒▓██████▓▒░
░▒▓█▓▓█▓▒░ ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓█▓▓█▓▒░ ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓██▓▒░ ░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░
Vibes Riff Generator
Generate multiple app variations in parallel. Each riff is a different INTERPRETATION -
(truncated - see the full file via the links below)
File tree — 4 files
skills/riff/SKILL.md
skills/riff/defaults/style-prompt.txt
skills/riff/template.delta.html
skills/riff/templates/index.html
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Generate multiple distinct app interpretations in parallel for comparison”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Vibes is a self-contained app generator that creates React web applications powered by TinyBase for reactive, real-time data management. Choose between a browser-based editor with live preview or terminal-driven generation, then deploy your app as a standalone HTML file. Ideal for rapid prototyping, single-page applications, and collaborative tools.
Autoresearch automates large-scale SKILL.md improvement by spawning multiple variants per generation, evaluating each through a programmatic harness without browser overhead, and scoring with triple-run averaging to identify the strongest performer. The engine iterates autonomously, committing improvements to git and halting when scores plateau or oscillate.
Sell transforms an existing Vibes app into a production-ready SaaS platform with multi-tenant architecture, automatic Pocket ID authentication, and subscription controls. The skill generates a unified HTML file that routes traffic by subdomain—landing page, tenant apps, and admin dashboard all from a single deployment.
Launch is a self-contained SaaS pipeline that generates a complete app, adds authentication and billing, and deploys it live—all in one invocation. Choose between a visual editor with live preview or terminal-based generation, then let the skill handle setup, configuration, and deployment automatically.
Factory transforms a Vibes app into a revenue-generating SaaS by automating subscription setup, AI token billing, and Vibe Token economics for partner rewards. It handles Stripe integration, deploys to Cloudflare Workers, and manages token-backed revenue sharing through a unified configuration pipeline.
Design takes a complete HTML file and mechanically converts it into a React component backed by TinyBase, preserving structure and CSS while replacing static content with reactive data bindings. The transformation follows deterministic rules—converting class attributes to className, inline styles to objects, and vanilla JavaScript to React hooks—rather than reinterpreting the design. Use this skill when you have a mockup or prototype that needs to become a functional Vibes app.
More skills cloudflare (MIT)