lh123aa/bwvi-design

This page was translated automatically. Technical details may differ from the original. View the original

22 stars 6 forks Quality 78 Trend 24AGPL-3.0

Agent's native design decision protocol. CLI + MCP Server gives AI Agents structured design decision-making capabilities. 200ms output, 115 brands, 56 styles, 50+ blueprints, video recording, zero configuration, zero dependency.

Overview

BWVI Bottle Gateway of Virgin Intelligence Agent Native Design Decision Protocol — One line of command to equip AI Agents with a reasoned design brain 🚀 Get started quickly · 🎬 Watch Demo · 🌐 English It is the ** between AI Agents and design execution. It does not represent images—it ensures every pixel has a reason. You ask AI to "design an official coffee brand website for me." AI can randomly create color schemes, apply templates, and generate a screen Lorem ipsum. (Direction→ color swatch → font → layout → detail signature), each answer is reasonable, traceable, and rollable before generating the page. It knows Linear's color swatch, Stripe's font rhythm, features of 56 design schools, iPhone frame notch parameters — these are the accumulation of 115 brands + 50 industry blueprints + 7 types of review dimensions, not one-time token guesses. BWVI has a built-in capability-graph.ts self-diagnostic system, current ability levels (max level 10): Industries covered: coffee and catering, cosmetics and beauty, SaaS/technology, restaurant and gourmet food, fitness and sports, fashion apparel, education and training, real estate management, fintech, e-commerce retail, personal portfolios, creative agency, non-profit organizations, events and conferences, medical clinics, law firms, business consulting, photography and video, wedding planning, travel and tourism, pet services, musicians, gyms, yoga and meditation, artists, architectural design, bars, bakeries, hotels and resorts, co-working, spa and massage, car dealership, gaming and esports, blogs and self-media (a total of 50+ blueprints). : Minimalist/Clean, Bold/Dramatic, Tech/Modern, Fun/Creative, Natural/Organic, Professional/Enterprise, Creative/Portfolio. Representative styles: minimal-white, neo-brutalism, glassmorphism, cyberpunk, pastel-dream, kawaii-japan, nature-organic, corporate-trust, photography, music-vibe, and others. 12 animation types: fade-in, fade-up, scale-in, slide-left/right, bounce-in, rotate-in, flip-in, shimmer, float, glow, typewriter; 7 types: linear, ease-out, ease-in, ease-in-out, bounce, elastic, spring

Overview (machine translated)

BWVI B etter W ay of V isual I ntelligence Agent-native design decision protocol — a single command that equips AI Agents with a reasoned design brain

🚀 Quick Start · 🎬 Watch the demo · 🌐 English

**BWVI is not a design tool. ** It is the decision layer between AI Agents and design execution. It does not have images—it ensures every pixel has a reason.

Understand what it solves in 30 seconds:

You ask AI to “help me design an official coffee brand website.” AI can fabricate color schemes, apply templates, and generate a screen Lorem ipsum. BWVI First asks 5 decision questions (Direction→ Color Swatch → Font → Layout → Detail Signature), each answer is reasonable, traceable, and rollable before generating the page. It knows Linear’s color palette, Stripe’s font rhythm, features of 56 design schools, iPhone notch specs—these are the accumulation of 115 brands + 50 industry blueprints + 7 types of review dimensions, not just one-time token guesses.

Results from one line:

🎬 Demo

Paste the following segment into the terminal, using three commands from 0 to 1:

📺 Want to watch the full 12 animations + video recording? (Expand)

📋 Table of Contents

Start quickly
Installation
Design decision-making protocols
Command
Page Builder blueprint engine
56 visual styles
Animation engine + video recording
Device frame
Interactive prototypes
Component variants
Brand system
Review system
Knowledge block system
Continuous learning systems
Design principle layer
MCP Server
Cross-session workflows
API reference
Development
Benchmarking
License
Appendix: Comprehensive Competency Assessment

📊 Appendix: BWVI Type Capability Panoramic Assessment

Below is a systematic assessment of BWVI’s own capabilities across various categories, with data sourced from source code analysis and benchmarking.

1. Core Design Categories (`bwvi generate` Shortcuts)

Category	Command	Capability Description	Performance Evaluation
Landing Page Pages	Default (no flags)	50+ blueprints + dynamic layout engine, 8px grid, 3 information densities	⭐⭐⭐⭐ Highest maturity, HTML output about 5-15KB
Slide Deck	`--deck`	Multi-section automatic pagination, slide/fade transition, PPTX export	⭐⭐⭐⭐ 13 test cases passed
Social Media Cards	`--social`	Square card, centered large text + CTA, brand color palette adaptation	⭐⭐⭐ Newer features, simplified rendering

This page was translated automatically. Technical details may differ from the original.

Install

npx -y bwvi mcp

New to MCP? Start with the mcpskill.org guide →

Configuration

{
  "mcpServers": {
    "bwvi": {
      "command": "npx",
      "args": ["-y", "bwvi", "mcp"]
    }
  }
}