Token导航 LogoToken导航

Agent Skill · 前端设计

mvp-builder(MVP 建设者)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

mvp-builder 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证为 MIT,第三方扫描有提醒项,按安装量在前端设计类的 10,216 个 Skill 里排第 653。

总安装 15,049周安装 692GitHub Stars 26下载 8,748核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:mvp-builder(MVP 建设者)
来源仓库:https://github.com/daffy0208/ai-dev-standards
仓库路径:skills/mvp-builder
安装命令:
npx skills add https://github.com/daffy0208/ai-dev-standards --skill 'MVP Builder'
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/daffy0208/ai-dev-standards --skill 'MVP Builder'

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。适合生成或审查 React、Vue、Tailwind CSS 等相关代码。使用时需结合项目现有设计系统和路由方式,避免孤立片段。涉及页面改动时应配合本地预览和构建检查确认效果。安装前建议核对仓库路径和宿主兼容性。

mvp-builder 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/mvp-builder

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/daffy0208/ai-dev-standards --skill 'MVP Builde…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

mvp-builder 怎么安装?

在终端执行 npx skills add https://github.com/daffy0208/ai-dev-standards --skill 'MVP Builder'。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

mvp-builder 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

mvp-builder 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

mvp-builder 是免费的吗?

来源标注的许可证是 MIT。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

mvp-builder 用的人多吗?

公开数据是累计安装 15,049 次,近一周安装 692 次,下载 8,748 次,GitHub 26 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

mvp-builder 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 3 个目录同时收录,说明这个 Skill 流传比较广。
  • 许可证明确为 MIT,商用和分发边界好判断。

先想清楚的地方

  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
mvp-builder

MVP 建设者 · 本页

15,04926需要联网MIT有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

MVP Builder

Ship MVPs in 1-2 weeks, not months.

Core Principle

Start with the smallest thing that proves/disproves your riskiest assumption.

MVP = Minimum Viable Product, not Minimum Pretty Product.

MVP Feature Matrix

Categorize every feature idea using this matrix:

CategoryDefinitionAction
P0Must have for core value propositionBuild now
P1Important but can wait for v1.1Ship after validation
P2Nice to have, delight featuresShip v2+
Out of ScopeNot needed for validationDefer indefinitely

Example: Task Management MVP

P0 (Week 1):

  • Create task with title/description
  • Mark task complete
  • View task list
  • Basic authentication

P1 (Post-validation):

  • Due dates, priorities, reminders

P2 (Future):

  • Team collaboration, file attachments, mobile app

Out of Scope:

  • Gantt charts, time tracking, integrations

5 MVP Patterns

1. Concierge MVP

Definition: Manually deliver the service before building automation

When to use: Core value is service delivery, not technology

Examples:

  • Food delivery → Take orders via WhatsApp, deliver yourself
  • AI copywriter → Manually write copy for customers
  • Scheduling tool → Coordinate meetings via email

Time: 1-3 days | Validates: People want the service


2. Wizard of Oz MVP

Definition: Interface looks automated, but humans operate it behind the scenes

When to use: Automation is expensive/complex to build

Examples:

  • Zapier early days → Manually created integrations
  • AI chatbot → Human answers, customer thinks it's AI

Time: 1 week | Validates: Users engage with interface


3. Landing Page MVP

Definition: Explain the product + collect emails (no product yet)

When to use: Testing demand before building anything

Examples:

  • Dropbox → Video showing concept
  • Buffer → Landing page before code existed

Time: 1-2 days | Validates: People sign up for waitlist


4. Single-Feature MVP

Definition: One feature that solves one problem

When to use: One feature delivers 80% of value

Examples:

  • Twitter → Just post 140-character updates
  • Instagram → Just share photos with filters
  • Stripe → Just accept credit card payments

Time: 1-2 weeks | Validates: People use the core feature


5. Piecemeal MVP

Definition: Combine existing tools instead of building custom

When to use: You can cobble together a solution with existing tools

Examples:

  • Typeform + Airtable + Zapier + Stripe
  • No-code tools: Webflow, Bubble, Retool

Time: 2-5 days | Validates: Workflow works end-to-end

Tech Stack Decision Tree

Is this a web app?
├─ YES
│  ├─ Need real-time?
│  │  ├─ YES → Next.js + Supabase + WebSockets
│  │  └─ NO → Remix + PostgreSQL
│  └─ Simple CRUD? → Supabase + React
└─ NO
   ├─ Mobile app? → React Native + Expo
   ├─ API only? → Express + PostgreSQL
   ├─ Chrome extension? → Vanilla JS + Chrome APIs
   └─ CLI tool? → Node.js or Python

Recommended MVP Stack:

  • Frontend: React + Vite or Next.js
  • Backend: Supabase (Postgres + Auth + Storage) or Express.js
  • Styling: Tailwind CSS + shadcn/ui
  • Hosting: Vercel/Netlify (frontend) + Railway/Fly.io (backend)
  • Auth: Clerk or Supabase Auth
  • Payments: Stripe Checkout

Speed-Focused Tools:

  • Supabase (backend in 10 min)
  • Vercel v0 (UI generation)
  • Clerk (auth in 5 min)
  • Stripe Checkout (payments in 20 min)

Anti-Patterns to Avoid

❌ Building features "just in case" → Build when 3+ users request ❌ Perfect design before launch → Ship functional, ugly is fine ❌ Over-engineering architecture → Monolith is fine for MVP ❌ Custom authentication → Use Clerk, Auth0, or Supabase Auth ❌ Building admin panel first → Use database GUI (Retool/Supabase) ❌ Mobile app before web → Web first, always ❌ Scaling for 1M users → Build for 10 users, scale when needed

MVP Quality Standards

Must Have ✅

  • Core feature works end-to-end
  • Basic auth (login/signup)
  • Deploys without crashing
  • Mobile-responsive (doesn't need to be beautiful)
  • Basic error handling

Can Skip ⏸️

  • Perfect UI/UX
  • Email notifications
  • Advanced features
  • Analytics dashboard
  • Error monitoring (add after validation)
  • Tests (add after product-market fit)

Build Process

Week 1: Build Core Feature

Days 1-2: Design + Setup

  • Sketch 3 screens (paper/Figma)
  • Set up repo + database (3-5 tables max)
  • Deploy infrastructure

Days 3-4: Build

  • Authentication (use library, don't build)
  • Core feature (1 user flow only)
  • Basic UI (use component library)

Day 5: Polish + Deploy

  • Fix critical bugs
  • Deploy to production
  • Share with 5 friends for feedback

Week 2: Validate

Days 1-2: Iterate

  • Fix issues from Week 1 feedback
  • Add 1-2 critical missing features

Days 3-4: Get Users

  • Share on social media
  • Post in relevant communities
  • Email 20 people personally

Day 5: Analyze & Decide

  • Did 10+ people sign up?
  • Did 3+ people use it 3+ times?
  • Are 1-2 people willing to pay?

Decision Point:

  • ✅ Yes to above → Build P1 features
  • ❌ No → Pivot or kill project

Launch Checklist

Pre-Launch (1 hour):

  • Core user flow works end-to-end
  • Sign up + login works
  • Deployed with HTTPS
  • Privacy policy + ToS (use generator)

Launch Day:

  • Post on Twitter/LinkedIn with screenshot
  • Share in 3-5 relevant communities
  • Email 20 people personally

Week 1 Post-Launch:

  • Reply to every piece of feedback
  • Fix critical bugs within 24 hours
  • User interview with 3-5 early users

Success Metrics

MVP validation criteria:

  • 10+ signups in first week
  • 3+ people use it 3+ times
  • 1-2 people willing to pay

If you hit these: You might have something. Build P1 features.

If you don't: Pivot or move on. Don't invest months in something nobody wants.

Real MVP Examples

Successful minimal starts:

  • Airbnb: Photos of their apartment + PayPal link
  • Stripe: Just a form to collect card details
  • Dropbox: Video demo before building product
  • Uber: iPhone app in San Francisco only
  • Facebook: Harvard students only, basic profiles

All started much smaller than you think.

Related Resources

Related Skills:

  • product-strategist - For validating product-market fit
  • frontend-builder - For building the UI
  • api-designer - For backend API design
  • deployment-advisor - For deployment decisions
  • go-to-market-planner - For launch strategy

Related Patterns:

  • META/DECISION-FRAMEWORK.md - Platform selection decision tree

Related Playbooks:

  • PLAYBOOKS/build-mvp.md - Step-by-step MVP build procedure (when created)

Quick Reference

For experienced users:

  • Identify riskiest assumption
  • Choose MVP pattern (Concierge/Wizard/Landing/Single-Feature/Piecemeal)
  • Categorize features (P0/P1/P2/Out of Scope)
  • Build P0 only (1-2 weeks max)
  • Ship ugly but functional
  • Validate with 10+ users
  • Decide: build P1 or pivot

平台分布

OpenCode

29.21%
按下载量换算2,555

Claude Code

25.51%
按下载量换算2,232

Gemini CLI

17.83%
按下载量换算1,560

Antigravity

11.9%
按下载量换算1,041

Codex

8.65%
按下载量换算757

Cursor

3.51%
按下载量换算307

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

可疑

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。

继续浏览同类 Skills