riff

Generate 3-10 app variations in parallel riff directories with app.jsx files.

134|5|Updated Dec 24, 2025
One-click install
npx skills add https://github.com/popmechanic/vibes-cli --skill riff
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: riff
Source: https://github.com/popmechanic/vibes-cli/tree/main/skills/riff
Command: npx skills add https://github.com/popmechanic/vibes-cli --skill riff

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill accelerates early-stage ideation by producing several distinct app variations in parallel, enabling quick comparison and selection.

Core Features & Use Cases

  • Parallel riffing: generates 3-10 alternative app concepts simultaneously for fast exploration.
  • Config-driven prompts: collects theme, visual style, and desired count to tailor the riff set.
  • Use Case: ideal when you need to brainstorm approaches for a new idea or evaluate multiple architectures or UI directions side-by-side.

Quick Start

Invoke the riff skill with a prompt to start generating riffs, then review the riff-1, riff-2, etc. directories and use the provided tooling to assemble HTML artifacts or rank the results.

Frequently Asked Questions about riff

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

FAQPage Schema
How do I generate multiple app design variations in parallel for brainstorming?โ–ผ

Generating multiple app design variations in parallel involves creating 3 to 10 alternative concepts simultaneously for fast exploration. This approach produces separate riff directories containing app.jsx files for side-by-side evaluation during early-stage ideation.

What is parallel riffing for app concept exploration?โ–ผ

Parallel riffing is an ideation technique that generates 3 to 10 distinct alternative app concepts simultaneously. It accelerates design exploration by creating separate directories with app.jsx files and pitch notes, enabling side-by-side concept comparison.

How do I start generating app variations with a config-driven prompt?โ–ผ

To start generating app variations, invoke the generation process with a prompt specifying your theme, visual style, and desired count. The tool orchestrates parallel generation with local scripts to create riff directories containing app.jsx files and pitch notes.

Can I compare multiple UI directions side-by-side using local scripts?โ–ผ

Yes, you can compare multiple UI directions side-by-side using local scripts that orchestrate parallel generation. The process creates 3 to 10 riff directories, each containing an app.jsx file and pitch notes, which you can assemble into HTML artifacts for evaluation.

Does parallel app generation work for early-stage concept comparison?โ–ผ

Parallel app generation is ideal for early-stage concept comparison. By producing 3 to 10 alternative app variations simultaneously, it enables quick evaluation of multiple architectures and UI directions, accelerating the brainstorming and selection process.

What is the best way to evaluate multiple app architectures simultaneously?โ–ผ

The best way to evaluate multiple app architectures simultaneously is through parallel riffing, which generates 3 to 10 alternative concepts at once. It creates individual riff directories with app.jsx files and pitch notes to facilitate quick side-by-side ranking and selection.