Webflow Developer, Malvina AI skill by KissMySkills, cover

Malvina - Webflow 開發人員 AI Skill

$19
跳至產品資訊
Webflow Developer, Malvina AI skill by KissMySkills, cover

Malvina - Webflow 開發人員 AI Skill

交付一個經得起交接考驗的 Webflow 網站:可擴展的 CMS 結構、陌生人也能編輯的類別系統,以及達標的 Core Web Vitals。

$19 這個技能 一次付清 永久擁有

適用於 Claude 的技能套件 立即下載malvina-webflow-developer-no-code-web-systems.skill

Library 方案

取得這個技能,以及其他 2,500+ 個

$9/月 或每年 $59

取得 Library · $9/月取得 Library
免費試用這個技能 7 天免費試用

不會收取任何費用。試用結束前 2 天,你會收到首次付款可用的 −30% 優惠碼。

  • 透過一個連接器,在 Claude、ChatGPT、Claude Code、Codex 和 Cursor 中使用
  • 所有技能、提示詞包和代理,試用期間還有 AI CRM 和工具
  • 隨時可取消
為什麼是訂閱?運作方式

只需要這個技能嗎?

一個檔案,一次付清。不含更新,不含連接器。

價格約等於 2 個月的 Library。

$19

Pay once, keep foreverInstant download30-day money-back guarantee

曾登上Product HuntFazierKittyLaunch

  • Visa
  • Mastercard
  • American Express
  • Apple Pay
  • BLIK
  • Klarna

由 Stripe 提供安全結帳

各商標均屬其各自所有者。KissMySkills 與其無關聯,亦未獲其背書。

運作方式

Ask Malvina something hard.

📎 malvina-webflow-developer-no-code-web-systems.skillLOADED ✓
我們有 4000 件產品,想把它們全部放進 Webflow CMS 並加入篩選功能。可以嗎?
CLAUDE · AS MALVINA, WEBFLOW 開發人員 Malvina 提供 CMS 項目上限分析,對照實際項目數量與參考數量、符合限制的結構與超出限制的部分、以成本和速度比較 Finsweet 與外部資料選項、遷移用的重新導向對照表、篩選列表頁的效能預算,以及對 Webflow 是否適合作為此資料集的載體給出誠實結論。

或者,把所有技能都放進你的 AI。

0:16 · 無聲
用 Library 取得全部 2,500+ 個 · $9/月 →

購買前有疑問嗎?由真人回覆,通常當天就會回覆: hello@kissmyskills.com

// 檔案本身

購買前先讀讀看。

你的 AI 會讀到的檔案開頭,與交付內容完全相同,沒有為頁面改寫任何文字。

用名字稱呼它
載入檔案後,直接用名字和它對話:「Serge,看一下這個頁面。」名字就是為此而設的,也能讓同一個對話裡的多個技能各司其職。
// 驅動你的 AI 的 skill

你是 Malvina,一名 Webflow 開發人員,會在接觸畫布之前,先根據平台限制編寫 CMS Collection 結構,並強制採用單一的 Client-First 類別系統。你已啟用,要建立一個網站,讓網站擁有者可以自行編輯。

SKILL.md · 221 行 · 立即下載

// 內容

這個技能包含什麼

  1. CMS 集合、參照欄位與平台的實際上限
  2. 交接後仍易於維護的 Client-First 類別系統
  3. Finsweet 篩選、Logic、會員功能、本地化與自訂程式碼
  4. 遷移重新導向對照表、Core Web Vitals 與無障礙檢查

使用 Webflow 建置網站的代理商、創辦人與行銷團隊,需要的是能在上線後持續擴展,而不是在 3000 個 CMS 項目時崩潰的網站。

// 兩種取得方式

直接在 AI 裡使用,或一次下載。

Library 方案

這個技能和其他 2,500+ 個,都在你的聊天裡

$9/月 隨時可取消,或每年 $59

  • 全部 2,500+ 個技能、提示詞包和代理,一開口就載入
  • 不用下載也不用貼上:在 Claude、ChatGPT、Claude Code 或 Cursor 連接一次即可
  • 每週新增技能,每月可下載 10 個目錄檔案
比較 Library、AI CRM 和 Both
一次買斷

只買這個技能,以檔案形式

$19 一次付清

  • 結帳後下載,貼到任何 AI 聊天中
  • 單一檔案,不含更新,不需連接器
  • 30 天退款保證

已經訂閱 Library 或 Both?這個已包含在內,不必另外購買檔案。

// 交給你的助理

或者,讓你的 AI 幫你設定這個技能。

前往 kissmyskills.com/pages/connector,幫我設定「Malvina - Webflow 開發人員 AI Skill」技能(handle:malvina-webflow-developer-no-code-web-systems)

貼到 Claude、ChatGPT、Claude Code、Cursor 或 Codex。你的 AI 會引導你連接 KissMySkills(約 3 分鐘,7 天免費試用),並載入這個技能。 你的 AI 會讀到什麼 →

你實際買到的是什麼

將 Malvina 放進 Claude,就能得到一位 Webflow 開發者,在繪製第一個區塊前先設計 CMS 結構,因為那是你之後無法反悔的決定。

Malvina 負責在 Webflow 中建立以生產環境為目標、無需傳統開發技術棧的網站:將資訊架構轉換為 CMS Collections 與參照欄位;採用 Client-First 等類別命名系統,讓網站在交接後仍易於維護;使用 flexbox 與 grid 在每個斷點實現響應式版面;將 Interactions 與捲動動畫控制在效能預算內;掌握原生 CMS 的限制,以及客戶超出這些限制時的應對方式;依據目前有效的限制工作,而不是依賴記憶中的限制,因為 Webflow 已於 2026 年 5 月 13 日重設方案,Premium 現在允許在 40 個 Collections 中使用 20,000 個項目;使用 Finsweet Attributes 實現動態篩選與搜尋;處理 Logic 與表單;會員功能與受限內容;本地化;在頁首與頁面 body 中加入自訂程式碼;當資料超出 CMS 容量時,將 Webflow 與 Xano 或 Airtable 同步;建立正式環境與備份規範;在遷移期間製作 301 重新導向對照表;在 Webflow 中檢查 Core Web Vitals;處理無障礙;並誠實判斷網站何時根本不應使用 Webflow 建置。

你會獲得什麼

  • →CMS Collections、參照欄位與平台的實際限制
  • →交接後仍易於維護的 Client-First 類別系統
  • →Finsweet 篩選、Logic、會員功能、本地化與自訂程式碼
  • →遷移重新導向對照表、Core Web Vitals 與無障礙檢查
📄 malvina-webflow-developer-no-code-web-systems.skill 不到 2 分鐘即可安裝 適用於 Claude、ChatGPT 及任何 AI 聊天工具

如何安裝

下載 .skill 套件,開啟 Claude,將 SKILL.md 貼到你的專案指示或系統 prompt 中,描述你的需求,Malvina 就會建立答案。內含完整的實作範例,讓你確切了解會得到什麼。

// 安裝方式 不到 2 分鐘

四個步驟。任何 AI 聊天。

  1. 01
    下載檔案

    結帳後,下載連結會寄到你的信箱。請儲存 .skill 檔案:Claude 可以直接使用。

  2. 02
    開啟你的 AI 聊天功能

    任何你已在使用的 AI 聊天:Claude、ChatGPT、Gemini、Grok、Copilot 或其他。

  3. 03
    加入你的 AI

    Claude:在 Settings → Capabilities → Skills 上傳 .skill 檔案。ChatGPT、Gemini 等:將 .skill 檔案當作 .zip 壓縮檔開啟,再將 SKILL.md 貼到自訂指令或專案指令中。

  4. 04
    開始工作

    您的 AI 現已設定為專業助手。您可以詢問它任何與其專業領域相關的問題。

不需要技術知識。不需訂閱。一次付費,永久使用。.

使用 Library,無需下載任何檔案。 只要連接一次 AI,之後直接說:「從 KissMySkills 載入 Malvina。」

設定指南 → Library · $9/月 →

// faq

關於此產品的問題

Malvina skill 能做什麼?+

交付一個能順利完成交接的 Webflow 網站:可擴充的 CMS 結構、陌生人也能編輯的 class 系統,以及能通過 Core Web Vitals 的效能表現。只要將它載入 Claude Projects,你就能獲得一個已設定好的 Webflow Developer & No-Code Web Systems Builder,不必在每次工作階段開始時重新解釋背景資訊。此 skill 不能取代你自己的平台文件、安全性審查或法律建議。低程式碼平台的限制、定價方案和功能行為經常變動,因此在使用它建置正式環境工作之前,請先在自己的租戶中確認目前的行為。

如何安裝這個 skill 檔案?+

下載 .skill 套件(內含 SKILL.md),將內容貼到 Claude Projects Instructions 或你的 AI 系統提示中,加入你自己的背景資訊,然後開始第一個工作階段。適用於 Claude、ChatGPT,以及任何接受系統提示的 AI 聊天工具。

這個 skill 適用於哪些 AI 工具?+

適用於 Claude(推薦)、ChatGPT、Gemini、Perplexity 和 Copilot,以及任何接受系統提示的 AI 聊天工具。Claude Projects 能提供最佳結果。

這次下載包含哪些內容?+

購買後會立即取得一個 .skill 套件:完整的 SKILL.md 角色設定,以及一個包含真實情境的實作範例檔案,讓你在依賴它之前先了解其品質。無訂閱費,永久歸你所有。

準備好讓您的 AI 專精了嗎?

這個和其他 2,500+ 個,都能在 Claude、ChatGPT、Claude Code、Codex 或 Cursor 裡使用。隨時可取消。