@vintcessun: 让AI帮你做产品发现再写代码,原来还能这样。vibe-check是一个指导零基础的人从模糊想法到可构建蓝图的skill,用JTBD和ODI方法让Claude Code像产品教练,而不是只会写代码。产出结构化计划+HTML原型,包含用户流程…
摘要
vibe-check是一个面向零基础用户的AI编码技能工具,利用JTBD和ODI方法指导用户从模糊想法到结构化产品蓝图,包含用户流程、技术决策、增长环等,并可直接用于Claude Code等AI工具。
查看缓存全文
缓存时间: 2026/06/15 17:06
让AI帮你做产品发现再写代码,原来还能这样。vibe-check是一个指导零基础的人从模糊想法到可构建蓝图的skill,用JTBD和ODI方法让Claude Code像产品教练,而不是只会写代码。产出结构化计划+HTML原型,包含用户流程、技术决策、增长环等,特别适合vibe coding。
https://t.co/e1STOCx3zB
TexasBedouin/vibe-check
Source: https://github.com/TexasBedouin/vibe-check
vibe-check
A skill for AI coding tools that guides complete beginners from a vague app idea to a buildable blueprint.
grill-me is for engineers. vibe-check is for everyone else.
What it does
When someone who’s never coded before says “I want to build an app that does X,” this skill turns their AI tool into a patient mentor that:
- Discovers what they actually need: not features, but the real problem they’re solving (Reddit pain-mining, a competitor gap analysis, and ODI opportunity scoring)
- Maps the entire user experience: happy flows, failure flows, and edge cases
- Surfaces decisions they don’t know they need to make: auth, databases, payments, hosting, legal
- Recommends a modern tech stack: with plain-language explanations of what each piece does and why
- Produces a complete plan document: structured as the AI coding tool’s onboarding manual, plus a visual HTML blueprint the human opens in their browser
- Includes build checkpoints: so the beginner is never lost during construction. The AI stops after each phase to explain what was just built, why, and what’s next.
- Teaches the build-time basics in language for someone who has never touched code: local vs. GitHub vs. live, how to save and back up code (commit/push/deploy), and keeping secret keys safe.
- Finds a growth loop: how the app recruits its next user on its own, preferably viral and organic, built into the core flow rather than bolted on, so growth compounds instead of needing a constant push.
- Handles marketplaces honestly: when the idea is two-sided, it discovers both sides (not just the one the founder happens to be), and helps brainstorm a cold-start plan so the product doesn’t launch into an empty room.
- Keeps the app healthy as it grows: a Checkup Mode that gently looks over a messy, grown codebase and tidies it safely, so the AI keeps building cleanly instead of breaking things.
Who it’s for
- People who have an app idea but have never built software
- “Vibe coders” who can get something working on their screen but need help thinking through the full picture
- Anyone who wants to go from idea → structured plan before touching code
How to use it
With Claude Code
The easiest way — installs via the open skills CLI, and works across agents:
npx skills add TexasBedouin/vibe-check
Or clone it straight into your project:
git clone https://github.com/TexasBedouin/vibe-check .claude/skills/vibe-check
Then tell Claude:
Use the vibe-check skill to help me plan my app.
To update later: run npx skills update if you installed via the CLI, or git pull inside .claude/skills/vibe-check if you cloned.
With other AI tools
Copy the contents of SKILL.md into your AI tool’s system prompt or project instructions.
What the skill produces
By the end of a vibe-check session, you’ll have a plan document that includes:
- Problem statement: in your own words
- User flows: mermaid diagrams for happy path, failure path, and edge cases
- Feature breakdown: V1 (build now) vs V2+ (build later)
- System architecture: visual diagram with beginner-friendly labels
- Tech stack: every tool, what it does, why it was chosen, what it costs
- Data model: what gets stored, in plain language
- Cost breakdown: monthly estimates with free tier details
- Pre-launch checklists: security, legal, accessibility
- Growth loop: the one way the app brings in its next user on its own, plus the number that proves it’s working
- Build phases with checkpoints: numbered phases with guided explanations at every step
This plan is designed to be handed directly to your AI coding tool to start building.
Example output
Wondering what a session actually looks like? Two complete examples in examples/ — each walks the entire skill (discovery, ODI opportunity scoring, the five-lens gut-check, growth loops, the lot) and produces both deliverables: the markdown plan and a visual HTML blueprint.
- A full ClearList session (+ visual blueprint) — the complete back-and-forth from a one-line idea to the finished plan, including the Reddit reality-check. This is what running the skill feels like — and ClearList is a real, live product that was built with vibe-check (clearlist.me).
- Idea → plan: a plant-care app (+ visual blueprint) — one sentence in (“an app that reminds me to water my plants”), a full buildable plan out.
Version
Current version: 1.8.0 (see VERSION and CHANGELOG.md).
When you use vibe-check, it does a quick best-effort check for a newer version and tells you if you’re behind. To update, run git pull inside .claude/skills/vibe-check. Versioning is semantic (MAJOR.MINOR.PATCH).
Who made this
Built by Amer Arab. I spent 12-plus years as a product manager, most of it taking products from zero to one. Discovery is the part I care about most: working out whether a problem is real before anyone writes a line of code, then shaping something people actually want instead of something that merely works. Those years were also spent shoulder to shoulder with engineers, which is where the “you’re the PM, the AI is the engineer” idea at the heart of this skill comes from. vibe-check is me handing a first-timer the instincts I had to learn the hard way.
Inspiration
- grill-me by Matt Pocock: the relentless questioning energy
- improve-codebase-architecture by Matt Pocock: the deep-vs-shallow module wisdom and the visual HTML report, translated here into beginner metaphors (Checkup Mode + the navigability guidance)
- andrej-karpathy-skills by multica-ai: the four “how your AI should behave” ground rules (think before coding, keep it simple, surgical changes, goal-driven), translated here for beginners
- autoresearch by Udit Goenka: the verify-and-iterate loop (one change, check it, keep or revert, repeat), translated here as the beginner’s supervised improvement loop
- /office-hours by Garry Tan: the problem reframing and premise challenging
- The Design Sprint by Jake Knapp / Google Ventures: the future press release (vision extraction) and Crazy 8s, adapted here to Crazy 3s with sharing and voting
- User Story Mapping by Jeff Patton: walking the chosen journey step by step to surface the features each step requires
- Bob Moesta / The Rewired Group (Jobs to be Done): demand is born in the struggling moment, the demand-side lens behind the worst-moment question
- Tony Ulwick / Strategyn (Outcome-Driven Innovation): the opportunity-scoring engine, and the competitor gap matrix used here as the beginner stand-in for ODI’s satisfaction survey
- FrontierCode by Cognition: quality over mere correctness, the fail-first test idea and the “working is the floor, not the bar” definition of done
- design-shotgun by Garry Tan / gstack: the side-by-side comparison board, adapted here as plain static HTML
- Continuous Discovery Habits by Teresa Torres (opportunity solution trees): evidence-tagging opportunities, the framing-issues honesty pass, and the riskiest-assumption test
- Growth Loops by Brian Balfour / Reforge (with Casey Winters and Kevin Kwok): the funnel-to-loop reframe and the loop taxonomy, translated here into three buildable shapes a beginner can act on (Phase 6.6)
- The Last Mile Playbook by Amer Arab: the PM vs Engineer mindset, payment processor gotchas, and the hard-won lessons of shipping a real product as a non-developer
License
MIT licensed. Use it however you want.
相似文章
@gaoqian2580: https://x.com/gaoqian2580/status/2057261855568191495
PRD-Manager 是一个开源的 Claude Skill,用于辅助 Vibe Coding,通过8种结构化文档将模糊想法转化为AI可消费的需求,避免AI写跑偏。
@axichuhai: https://x.com/axichuhai/status/2062146611472400461
分享8个精选的AI Skill(技能),涵盖基础配置、产品开发和内容创作,帮助提升AI生产力,适用于Claude Code和CodeX等Agent。
@quant_sheep: 也有朋友推荐 graphify 来辅助 vibe coding 我的结论是 codegraph graphify 两个都安装,体验非常好 把这两行发给 AI 让它给自己写个 skill 就好: 写个 skill 以结合使用:codegra…
推荐使用codegraph和graphify两个工具配合vibe coding,codegraph分析代码间依赖关系(AST),graphify关联概念和代码(AST+LLM语义)。
Build Apps for Your Friends (Vibe Coding)
本文介绍了如何利用 Google AI Studio 的 Vibe Coding 功能,通过自然语言描述而非编写代码来构建定制的交互式应用,如黑胶唱片机风格的贺卡生成器。
@Xudong07452910: 开源高质量教程推荐:《vibe-coding-cn》—— 中文 Vibe Coding 从入门到精通 这是一套中文本地化 Vibe Coding 完整教程,核心目标是帮助开发者通过 AI 结对编程工作流,把“一个想法”系统性地变成可运行的…
《vibe-coding-cn》是一份开源的中文Vibe Coding完整教程,旨在帮助开发者通过AI结对编程工作流将想法系统性地变成可运行产品,覆盖从需求拆解到部署的完整工程实践。