Communitygithub.com

posimyth/uichemy-cursor-plugin

將設計想法、草稿描述、情緒板或品牌簡報轉換為 WordPress 就緒的網站,使用 UiChemy 建立,可匯出至 Elementor 或 Gutenberg。

uichemy-cursor-plugin 是什麼?

此技能可讓您從視覺風格、情緒板、設計文字描述或使用者提供的圖片開始,直接建立一個可編輯的 WordPress 網站,並匯出至 Elementor 或 Gutenberg 編輯器。它無法直接讀取 Figma 檔案或開啟其他網站,所有內容都基於當前聊天中的文字或附件。技能會引導使用者提供業務類型、頁面、情緒、顏色、字型和圖片等必要資訊,然後自動選擇配色方案、字體和佈局以符合所描述的風格。接著透過 `build-site-from-brief` 技能建立專案,執行 `uichemy_validate` 和 `uichemy_check_responsive` 進行驗證與響應式檢查,最後根據使用者選擇的編輯器匯出專案。此技能支援 UiChemy 平台,適合設計師和開發者快速將概念轉為實際的 WordPress 網站。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/design-to-wordpress

在你喜歡的 AI 中提問

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

說明文件

當使用者從「外觀」(風格、情緒板、設計描述、提供的圖片)出發,並希望將其轉變為可編輯的 WordPress 網站時,使用此技能。

此外掛無法讀取 Figma 檔案或開啟其他網站。它只會根據使用者在聊天中撰寫或附加的內容進行操作。如果使用者需要轉換 Figma 檔案,請用一句話說明,並提供從其描述重建設計的選項。

步驟:

  1. 從訊息中收集:業務類型、頁面、情緒、顏色、字型和任何圖片。如果缺少業務類型或名稱,僅提出一個批次問題。對於其餘部分,說明你所做的選擇。
  2. 遵循 build-site-from-brief 技能來建立專案。將外觀轉換為十六進位顏色、標題字體和正文字體,並選擇符合所描述風格的版面配置。
  3. 執行 uichemy_validate 和 uichemy_check_responsive,並修復它們回報的問題。
  4. 詢問使用者想要哪個建置器(Elementor 或 Gutenberg),然後遵循 export-to-wordpress 技能將專案標記為已匯出。
  5. 告訴使用者已建立的內容、你所做的風格選擇,以及下一步:使用 UiChemy WordPress 外掛將其匯入他們的 WordPress 網站,或者如果他們提供網站位址,則遵循 deploy-to-own-wordpress 技能。

規則:

  • 不得複製其他公司的文案、標誌或圖片。僅使用使用者擁有或經授權使用的內容。
  • 僅使用使用者提供的圖片 URL,或 uichemy_upload_image 回傳的 URL。
  • 在建立專案之前,告知使用者其 UiChemy 帳戶中將會出現一個新專案。

Individual skills in this repo

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

相關技能