Communitygithub.com

posimyth/uichemy-cursor-plugin

根據商業簡報,從 UiChemy 程式庫中挑選真實區塊版面,撰寫文案,建立一個多頁面、WordPress 就緒的全新網站。

uichemy-cursor-plugin 是什麼?

此技能專為使用 UiChemy 平台的使用者設計,旨在將商業簡報或客戶需求直接轉化為完整的 WordPress 就緒網站。使用者只需提供基本的業務資訊(如行業類型、目標受眾、調性與期望頁面),技能便會自動從 UiChemy 的區塊庫中搜尋、選擇並組合合適的版面。它會依照工具規範生成文案,並確保每個版面插槽的字數上限符合要求,同時還能選擇品牌色調與字型組合,最終在用戶的 UiChemy 帳戶中建立一個結構完整的專案。該專案包含導覽列、五到八個區塊與頁尾,並會經過驗證與響應式檢查,確保品質無虞。支援平台為 UiChemy 與 Cursor 等 AI 驅動的開發工具。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/build-site-from-brief

在你喜歡的 AI 中提問

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

說明文件

當使用者想要根據描述、客戶簡報或業務類型建立新網站時,使用此技能。

首先從使用者的訊息中收集以下資訊:企業名稱與類型、目標受眾、調性、所需頁面、顏色或字型(如果有的話)。如果缺少企業類型或名稱,則提出一個一次性問題。對於其他項目,做出合理選擇並說明之。

步驟:

  1. 呼叫 uichemy_section_spec 一次,並遵循其關於文案長度、字型比例與顏色標記的規則。請勿猜測限制。
  2. 呼叫 uichemy_list_section_kinds 以查看有哪些區塊種類存在。
  3. 針對每個頁面上的每個區塊,尋找一個版面:
    • 向 uichemy_search_layouts 描述你想要的內容,或使用 uichemy_find_templates 縮小種類範圍。
    • 為所選的版面呼叫 uichemy_template_slots,並撰寫符合每個插槽及其字元上限的文案。
    • 在建立之前,對候選清單呼叫 uichemy_check_layouts,以避免兩個共用插槽的版面顯示相同的文案。
  4. 選擇符合品牌形象的調色盤(十六進位值)以及標題和正文字型。
  5. 使用頁面、調色盤、字型以及你所撰寫的文案呼叫 uichemy_create_project。一個真正的頁面需包含導覽列、五到八個區塊以及頁尾,且每個插槽都已填滿。
  6. 針對每個頁面呼叫 uichemy_validate,然後呼叫 uichemy_check_responsive。使用 uichemy_set_text、uichemy_set_section_style 或其他編輯工具修復它們回報的問題,然後重新執行檢查。
  7. 向使用者提供專案名稱、每個頁面的區塊清單、調色盤與字型,以及你無法修復的任何項目。

規則:

  • 僅根據簡報撰寫文案。請勿憑空發明獎項、客戶名稱、統計資料、推薦語、價格或地址。若缺少事實,請撰寫中性文案或進行詢問。
  • 圖片:僅使用使用者提供的 URL 或 uichemy_upload_image 回傳的 URL。與其發明連結,不如讓圖片插槽保持空白。
  • 此技能會在使用者自己的 UiChemy 帳戶中建立一個專案。請在建立之前告知使用者。

Individual skills in this repo

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

相關技能