Vibe Coded

關於本網站

一個由 AI 全程編寫、一人構建並發佈的 Vibe Coding 需求引導工具，展示 AI 驅動開發的無限可能。

✦ 什麼是 Vibe Coding？

AI 驅動的開發模式

Vibe Coding 是一種全新的軟件開發方式——開發者以自然語言描述需求，由 AI（如 Manus）自動生成、調試並部署代碼。人類負責方向和創意，AI 負責實現細節。

本網站的構建方式

本網站從零到上線，所有代碼均由 AI 自動生成，包括前端 React 介面、後端 tRPC API、MySQL 數據庫設計、雲端同步、AI 智慧推薦等，全程無需手動編寫任何代碼。

一人公司的未來

隨著 AI 技術成熟，一個人可以完成過去需要整個團隊才能做到的事。本項目正是這種理念的實踐——從設計、開發到部署，全程由一人主導，AI 協助執行。

開放分享

本網站免費公開給所有人使用。無論你是產品經理、創業者還是獨立開發者，都可以透過本工具快速整理需求、生成開發文檔，讓 AI 代理直接開始編碼。

✦ 這個網站做什麼？

Vibe Coding 需求引導精靈

Vibe Coding Wizard 是一個六步驟的互動式引導工具，幫助你從零開始整理軟體開發需求。即使你完全不懂程式碼，也能透過簡單的表單填寫，產出專業級的開發文檔。

  • ▸六步驟引導：專案概述 → 平台與語言 → 功能需求 → 技術選型 → UI/UX 設計 → 進階設定
  • ▸AI 智慧推薦：根據你的需求自動推薦技術棧、設計風格和進階設定
  • ▸自動生成文檔：PRD 產品需求文檔、AI Coding Prompt、開發流程圖、系統架構圖
  • ▸一鍵匯出 ZIP：所有文檔打包下載，直接交給 Cursor、Windsurf 或 Manus 開始開發

為什麼需要這個工具？

在 Vibe Coding 的時代，AI 可以幫你寫代碼，但它需要清晰的指令。Vibe Coding Wizard 就是幫你把模糊的想法轉化為結構化的需求文檔，讓 AI 代理能夠精準地理解並實現你的產品。

不再需要花費數萬元聘請產品經理或技術顧問。只要花 10 分鐘填寫表單，就能獲得一份完整的開發藍圖。這就是一人公司的力量。

</> 技術棧（全由 AI 選型與實現）

React 19

前端框架

TypeScript

類型安全

tRPC

端對端類型 API

Tailwind CSS 4

樣式框架

Drizzle ORM

數據庫操作

MySQL / TiDB

雲端數據庫

Express

後端伺服器

Manus AI

AI 開發平台

使用教學

了解如何使用本網站

關於作者

認識 Ivan Wong

開始使用

立即建立你的專案藍圖