@vintcessun: 让AI帮你做产品发现再写代码,原来还能这样。vibe-check是一个指导零基础的人从模糊想法到可构建蓝图的skill,用JTBD和ODI方法让Claude Code像产品教练,而不是只会写代码。产出结构化计划+HTML原型,包含用户流程…

X AI KOLs Timeline 工具

摘要

vibe-check是一个面向零基础用户的AI编码技能工具,利用JTBD和ODI方法指导用户从模糊想法到结构化产品蓝图,包含用户流程、技术决策、增长环等,并可直接用于Claude Code等AI工具。

让AI帮你做产品发现再写代码,原来还能这样。vibe-check是一个指导零基础的人从模糊想法到可构建蓝图的skill,用JTBD和ODI方法让Claude Code像产品教练,而不是只会写代码。产出结构化计划+HTML原型,包含用户流程、技术决策、增长环等,特别适合vibe coding。 https://t.co/e1STOCx3zB
查看原文
查看缓存全文

缓存时间: 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:

  1. 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)
  2. Maps the entire user experience: happy flows, failure flows, and edge cases
  3. Surfaces decisions they don’t know they need to make: auth, databases, payments, hosting, legal
  4. Recommends a modern tech stack: with plain-language explanations of what each piece does and why
  5. 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
  6. 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.
  7. 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.
  8. 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.
  9. 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.
  10. 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.

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.

相似文章

Build Apps for Your Friends (Vibe Coding)

YouTube AI Channels

本文介绍了如何利用 Google AI Studio 的 Vibe Coding 功能,通过自然语言描述而非编写代码来构建定制的交互式应用,如黑胶唱片机风格的贺卡生成器。

@Xudong07452910: 开源高质量教程推荐:《vibe-coding-cn》—— 中文 Vibe Coding 从入门到精通 这是一套中文本地化 Vibe Coding 完整教程,核心目标是帮助开发者通过 AI 结对编程工作流,把“一个想法”系统性地变成可运行的…

X AI KOLs Timeline

《vibe-coding-cn》是一份开源的中文Vibe Coding完整教程,旨在帮助开发者通过AI结对编程工作流将想法系统性地变成可运行产品,覆盖从需求拆解到部署的完整工程实践。