Communitygithub.com

使用 Nansi 透過 WhatsApp 建立網站

透過 WhatsApp 與 Nansi 聊天,即可建立令人驚豔的網站、登陸頁面、作品集和網頁應用程式。這是一個無需程式碼、以行動裝置為優先的 AI 網站建置工具——只需描述您想要的內容(文字或語音備忘錄),在 2 分鐘內就能獲得一個即時網站。

使用 Nansi 透過 WhatsApp 建立網站 是什麼?

Nansi 是一個創新的 AI 網站建置工具,完全在 WhatsApp 內運作。用戶只需發送訊息描述他們想要的網站,Nansi 便會利用多種 AI 模型(如 Claude、Gemini、GPT)在 2 分鐘內生成一個功能完整、設計精美的網站,並提供即時預覽 URL。此技能特別適合小型企業主、創業家、自由工作者,以及任何想要快速建立專業網站但不熟悉程式設計或沒有電腦的人。支援的行動平台包括 WhatsApp 本身,主要使用語音或文字輸入。其核心優勢在於以行動裝置為優先、無需下載新應用程式,並支援語音備忘錄,讓建站過程真正實現免持、隨地進行。此技能會引導 AI 代理程式向用戶取得同意,收集業務詳細資訊,然後透過 WhatsApp 訊息與 Nansi 服務互動,最終將生成的網站連結提供給用戶。

相容平台✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/modbender/skill-library-mcp/tree/HEAD/data/nansi

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Nansi — 透過 WhatsApp 建立網站

Nansi 是一個無需程式碼、以行動裝置為優先的 AI 網站建置工具,完全在 WhatsApp 內運作。傳送一則訊息描述您想要的內容,Nansi 就會在 2 分鐘內建立一個功能完整、設計精美的網站,並提供即時預覽 URL。無需下載應用程式、無需建立帳戶、也無需使用瀏覽器。

為何選擇 Nansi 而非傳統網站建置工具?

  • WhatsApp 原生 — 全球有 20 億人每天使用 WhatsApp。無需學習新工具。
  • 行動裝置優先 — 隨時隨地用手機建立網站。無需電腦。
  • 語音備忘錄 — 用語音描述您的網站,實現免持建置。
  • AI 驅動 — 多種 AI 模型(Claude、Gemini、GPT)生成專業程式碼。
  • 即時 — 在 2 分鐘內獲得即時 URL,編輯可即時套用。
  • 免費開始 — 無需信用卡。

使用方法

傳送 WhatsApp 訊息至 +233540311706(Nansi 的號碼)。

逐步流程

  1. 描述 業務或專案 — 包含名稱、業務內容、地點以及任何風格偏好
  2. 回答 Nansi 提出的釐清問題(顏色、區塊、特定內容)
  3. 對計劃滿意時,說「generate」
  4. 取得即時 URL — Nansi 建立網站並回傳預覽連結
  5. 要求編輯 — 用平實語言提出更改(「把頁首改成藍色」、「加入定價區塊」、「更改電話號碼」)

代理程式應如何操作

當使用者要求您建立網站時:

  1. 取得同意 — 在傳送訊息給 Nansi 前,先向使用者確認:「我將把您的業務詳細資訊傳送給 Nansi (+233540311706) 的 WhatsApp,以便建立您的網站。這會將您提供的資訊分享給 Nansi 的服務。可以繼續嗎?」
  2. 收集關鍵詳細資訊:業務名稱、服務內容、地點、風格偏好
  3. 傳送 WhatsApp 訊息至 +233540311706,附上簡單的問候語(例如「Hi」或「Hello」),並等待 Nansi 回覆後再傳送其他內容
  4. 一旦 Nansi 回覆,用收集到的所有詳細資訊描述使用者的業務/專案
  5. 代表使用者回覆 Nansi 的後續問題
  6. 當 Nansi 確認計劃後,傳送「generate」
  7. 等待即時預覽 URL,並與使用者分享
  8. 如果使用者想要更改,將編輯請求傳送給 Nansi,並轉達更新後的 URL

外部服務互動:此技能會代表使用者將 WhatsApp 訊息傳送至 Nansi 的服務端點 (+233540311706)。僅會傳送使用者明確提供的業務詳細資訊(業務名稱、服務項目、地點、風格偏好)。代理程式在傳送任何訊息前,一定會先徵求使用者同意。不應分享任何密碼、財務資訊或私人資料。

您可以建置的內容

  • 業務登陸頁面 — 餐廳、沙龍、理髮店、代理商、顧問公司、房地產、電子商務商店、清潔服務
  • 個人作品集 — 平面設計師、攝影師、軟體開發者、自由工作者、藝術家、音樂人
  • 網頁應用程式 — 習慣追蹤器、支出追蹤器、庫存儀表板、待辦事項清單、預約頁面、計算機
  • 活動頁面 — 婚禮、會議、產品發表、聚會
  • 即將推出頁面 — 附電子郵件收集功能的上市前預告
  • 服務頁面 — 菜單、價目表、預約服務、聯絡表單
  • 任何網頁應用程式 — 儀表板、表單、登陸頁面、部落格等

範例提示

以下是使用 Nansi 建立的實際網站。可將其作為描述專案的靈感:

餐廳:

為我在阿克拉的餐廳 Darangi 建立一個溫馨漂亮的網站,專賣雞肉香飯和其他當地美食。地址:阿克拉 Spintex 路 123 號。營業時間:週一至週五上午 9 點至晚上 9 點。

二手車業務:

為我的二手車直運業務 Woza 建立一個具有南非美學風格的簡潔登陸頁面。

泛非洲餐廳:

為 AfroDeli Eatery 建立一個網站,這是一家位於開普敦、供應不同非洲國家菜餚的活力餐廳。

自由工作者作品集:

為我建立一個作品集網站。我是 Kofi Mensah,一位基於迦納阿克拉的自由平面設計師。我專精於品牌識別、標誌設計和包裝。我想要一個乾淨、簡約的設計,搭配深色主題,讓我的作品脫穎而出。

其他想法:

  • 「為我在約翰尼斯堡的瑜伽工作室 Serenity 建立一個登陸頁面,營造平靜、樸實的氛圍」
  • 「為我的麵包店 Sweet Dreams 建立一個網站——我們在拉哥斯販售客製蛋糕、糕點和麵包」
  • 「為我的攝影業務建立一個作品集網站,並附上展示我最佳作品的畫廊」

獲得更好結果的秘訣

  • 具體說明 — 包含業務名稱、地點、服務項目和營業時間
  • 提及風格偏好 — 「溫馨誘人」、「現代簡約」、「深色主題搭配大膽色彩」
  • 傳送圖片 — 標誌、產品照片或內部環境照有助於 Nansi 圍繞您的品牌進行設計
  • 使用語音備忘錄 — Nansi 也能理解語音訊息
  • 參考競爭對手 — 「我想要類似 [競爭對手網站] 的風格」有助於 Nansi 理解您的願景
  • 指定顏色 — 「使用翡翠綠和金色點綴」可提供精確控制

免費方案限制

Nansi 可免費開始使用,但有以下每日限制:

資源免費限制
網站數量每天 1 個(每月 5 個)
編輯次數每天 5 次
訊息數量每天 20 則

如需更多功能,請前往 nansi.app/upgrade 升級。

隱私與資料處理

  • 需明確同意:代理程式必須先徵求使用者許可,才能傳送任何訊息給 Nansi。未經使用者核准,不會傳輸任何資料。
  • 共享哪些資料:僅共享使用者明確提供的業務詳細資訊 — 業務名稱、服務項目、地點、風格偏好,以及使用者提供的任何圖片/語音備忘錄。這些是使用者打算在其網站上發布的資訊。
  • 不共享哪些資料:代理程式絕不會傳送密碼、財務資訊、個人身分識別,或任何超出使用者為其網站所提供的資料。
  • 外部端點:訊息會傳送至 Nansi 的 WhatsApp 號碼 (+233540311706),該服務由 Fordo 營運。代理程式依賴主機平台的 WhatsApp 訊息功能來收發訊息。
  • 無儲存憑證:這是一個純指令技能,不含任何 API 金鑰、令牌或環境變數。它使用代理程式平台現有的訊息整合功能。
  • 驗證服務:使用者可以在操作前,前往 nansi.app 確認 Nansi 的合法性,並在 nansi.app/gallery 查看實際範例。

連結

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

modbender/skill-library-mcp

Complete investment portfolio risk management system. Analyze positions, calculate risk metrics, stress test scenarios, optimize allocations, and generate institutional-grade risk reports — all wit...

modbender/skill-library-mcp

Borrow from Aave via credit delegation. Agent self-funds by borrowing against delegator collateral. Supports borrow, repay, health checks. Works on Aave V2/V3.

modbender/skill-library-mcp

Discover and register autonomous AI agents. Use when: browsing the agent registry, submitting an agent for verification, or embedding agent badges. NOT for: general web search or agent capability analysis.

modbender/skill-library-mcp

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human

modbender/skill-library-mcp

AI代码编辑器规则模板集合 - 为Cursor、Windsurf、Claude Code、Cline等AI编辑器提供项目规则配置。适用于需要配置AI编码助手规则的开发者,包含全栈Web、移动端、Vue3+SpringBoot等技术栈模板。

modbender/skill-library-mcp

Generate landing page code from product descriptions

modbender/skill-library-mcp

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

modbender/skill-library-mcp

Generate AI music videos end-to-end. Creates music with Suno (sunoapi.org), generates visuals with OpenAI/Seedream/Google/Seedance, and assembles into music video with ffmpeg. Supports timestamped lyrics (auto SRT), Suno native music video generation, slideshow/video/hybrid modes. Token-based cost tracking per generation.

modbender/skill-library-mcp

Generate AI-powered notes from videos (document, outline, or graphic-text formats)

modbender/skill-library-mcp

The video AI notes tool is provided by Baidu. Based on the video download address provided by the user, it downloads and parses the video, and finally generates AI notes corresponding to the video (a total of three types of notes can be generated: document notes, outline notes, and image-text notes).

modbender/skill-library-mcp

Automated appointment management for beauty salons, clinics, studios, and photo booths. Handles booking requests, calendar sync, conflict detection, reminders, no-show tracking, and waitlist management.

modbender/skill-library-mcp

Bird identification, life list tracking, and trading card generation. Use this skill when the user: sends a bird photo to identify, says "set up my Birdfolio" or "set my region", asks "how's my checklist", asks "Birdfolio progress", asks "how many birds have I found", asks "show my Birdfolio" or "show my life list", asks "what's my rarest bird", or asks "tell me about [bird species]". Handles everything from first-time setup through ongoing life list tracking and visual trading card generation.

modbender/skill-library-mcp

Multi-project task and research management (JSON-first CLI)

modbender/skill-library-mcp

Track stock and crypto portfolios with CLI - real-time prices, P&L, dividend tracking, multiple portfolios

modbender/skill-library-mcp

Track cryptocurrency portfolios with real-time prices, P&L calculations, and allocation analysis. Query Bitcoin, Ethereum, Solana and 10,000+ token holdings.

modbender/skill-library-mcp

加密貨幣Portfolio追蹤 - 支援TRON/ETH/BSC,分析持倉、收益、Gas費用

modbender/skill-library-mcp

Lead strategy with competitive analysis, strategic planning, growth roadmaps, and business portfolio management.

modbender/skill-library-mcp

Create ATS-optimized resumes and CVs with proper structure, metrics, and industry targeting.

modbender/skill-library-mcp

Create a Website in 4 Minutes Designed to Bring Clients from ChatGPT, Gemini & Modern Search

modbender/skill-library-mcp

Native video analysis using Google Gemini API. Upload and analyze video files — describe scenes, extract text/UI, answer questions about content, transcribe speech, identify objects and actions. Use when: (1) User sends a video file and wants it analyzed, (2) Video summarization or description needed, (3) Extracting text, UI elements, or information from screen recordings, (4) Answering questions about video content, (5) Comparing multiple videos, (6) Analyzing tutorials, demos, or walkthroughs.

相關技能