Enhanced infinite agentic loop system for UI/UX experimentation through parallel AI iteration. Built on disler/infinite-agentic-loop with improved organization and simplified commands.
| Command | Purpose |
|---|---|
/infinite multi-card-banking 5 |
Generate 5 banking interface patterns (full analysis) |
/quick multi-card-banking 5 |
Generate 5 banking interface patterns (fast iteration) |
/infinite website-homepages/project 3 |
Generate 3 homepage variations (complete workflow) |
/quick website-homepages/project 3 |
Generate 3 homepage variations (rapid prototyping) |
/infinite [type] infinite |
Continuous generation mode |
/moodboard create name |
Create aesthetic direction guide |
/prime |
Load repository context |
- Experiments: Self-contained generation types in
experiments/[type]/ - Specs: Generation instructions in
spec.mdfiles (any format - verbose or minimal) - Dependencies: Shared components (design systems, moodboards, data) via
spec-config.yml - Runs: Timestamped execution history with complete snapshots
- Parallel Agents: Multiple AI agents generate simultaneously for efficiency
experiments/
βββ shared/
β βββ design-systems/ # Geist design system files
β βββ spec-modules/ # Reusable quality standards
β βββ moodboards/ # Visual aesthetic direction
β βββ data/ # Realistic business contexts
β βββ enhancement-strategies/ # Systematic improvement methodologies
βββ multi-card-banking/
β βββ spec.md # Generation specification
β βββ spec-config.yml # Dependency configuration
β βββ runs/ # Timestamped execution history
β βββ current/ # Symlink to latest run
βββ bank-relationship-intelligence/
βββ website-homepages/
# Start Claude Code
claude
# Generate your first banking interface (full analysis)
/infinite multi-card-banking 1
# Or use fast iteration mode
/quick multi-card-banking 1
# View result
open experiments/multi-card-banking/current/iterations/# Basic patterns
/infinite [experiment-type] [count] # Full analysis with complete dependency resolution
/quick [experiment-type] [count] # Fast iteration mode (70-80% fewer tokens)
# Examples
/infinite multi-card-banking 5 # 5 banking interfaces (full analysis)
/quick multi-card-banking 5 # 5 banking interfaces (fast iteration)
/infinite website-homepages/project-name 3 # 3 homepage variations (complete workflow)
/quick website-homepages/project-name 3 # 3 homepage variations (rapid prototyping)
/infinite multi-card-banking infinite # Continuous mode| Type | Purpose | Dependencies |
|---|---|---|
multi-card-banking |
Multi-card banking interface patterns | Geist + banking data |
bank-relationship-intelligence |
Banking relationship management UX | Geist + banking data |
website-homepages/[project] |
Project-specific homepages | Custom per project |
See experiments/README.md for complete list and details.
Each experiment can include shared components via spec-config.yml:
dependencies:
design-systems:
- geist-core # Design framework
spec-modules:
- accessibility-standards
- performance-requirements
moodboards:
- modern-minimalist # Aesthetic direction
data:
- banking-data # Business context
# Enhancement capabilities (NEW)
references:
- multi-card-banking/current/iterations/ux_pattern_14.html # Reference existing work
enhancement-strategies:
- interactions # Apply systematic improvement methodologiesEach command execution creates:
runs/YYYY-MM-DD-HHMMSS/- Timestamped directoryspec-snapshot.md- Exact spec version usedconfig-snapshot.yml- Dependencies configurationdependencies/- Resolved shared componentsiterations/- Generated results
The current/ symlink always points to the latest run.
- Initial run:
/infinite multi-card-banking 5(or/quick multi-card-banking 5for rapid prototyping) - Analyze results: Check
current/iterations/ - Refine spec: Edit
spec.mdandspec-config.yml - New run:
/infinite multi-card-banking 3(or/quickfor fast iteration) - Compare: Previous runs preserved in
runs/directory
Benefits:
- Complete history of spec evolution
- Mix dependencies between runs
- Easy rollback to previous approaches
- No manual folder management
- Systematic enhancement of existing work through references and enhancement strategies
Bridge client aesthetic preferences to AI creative direction:
# Create aesthetic guide
/moodboard create client-aesthetic
# Configure experiment to use it
# Edit spec-config.yml to include moodboard
# Generate with aesthetic guidance
/infinite website-homepages/client-project 5- Copy existing spec:
cp experiments/multi-card-banking/spec.md experiments/my-type/spec.md - Create config:
cp experiments/multi-card-banking/spec-config.yml experiments/my-type/spec-config.yml - Customize both files for your needs (spec can be any format - detailed or minimal)
- Run:
/infinite my-type 5
The system adapts to any spec structure - from verbose thinking directives to minimal requirements.
- Infinite Mode: Continuous generation with progressive sophistication
- Parallel Coordination: Multiple agents work simultaneously
- Context Optimization: Smart AI context management across agents
- Quality Standards: WCAG compliance, performance requirements
- Theme-First Development: Distinctive design personalities
- Enhancement Framework: Systematic improvement of existing work through reference summaries and enhancement strategies
- Claude Code installed and configured
- Write, Edit, MultiEdit, and Bash permissions enabled
- Git repository (for run tracking)
Built on: @disler/infinite-agentic-loop | Platform: Claude Code