skills/vibe-flow/SKILL.md
独立开发者 Web/SaaS 项目专属 Vibe Coding 全流程。Invoke when starting a new web product project to run a complete 14-skill pipeline from idea to launch, with controlled feedback loops.
npx skillsauth add belos-street/skill-kit vibe-flowInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
前置决策固化 + 契约先行 + 规范底座 + AI执行 + 可控回流 = 全程心流、低返工、可持续迭代的商业项目
商业→需求→原型→UI→架构→数据→接口→基建→拆任务→编码→测试→部署→文档→迭代
每一步都按同一模板交付,避免“看起来做了,实际不可执行”:
docs/vibe-flow/,建议命名 NN-stage-name.mddocs/vibe-flow/01-project-init.mddocs/vibe-flow/02-requirements.mddocs/vibe-flow/03-interaction.mddocs/vibe-flow/04-ui-design.mddocs/vibe-flow/05-architecture.mddocs/vibe-flow/06-data-model.mddocs/vibe-flow/07-api-contract.mddocs/vibe-flow/08-engineering.mddocs/vibe-flow/09-task-breakdown.mddocs/vibe-flow/10-coding-log.mddocs/vibe-flow/11-quality.mddocs/vibe-flow/12-deploy-ops.mddocs/vibe-flow/13-doc-pipeline.mddocs/vibe-flow/14-product-iteration.md出现以下情况时,必须回流,不允许“硬编码顶过去”:
development
Modern, lightweight state management for React
development
Use when you have a spec or requirements for a multi-step task, before touching code
development
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
tools
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.