返回首頁

安裝 Style Prompt Skill

一個便攜式的「Agents Skill」，為 React 和 Tailwind CSS 提供 30 種獨特的 UI 設計風格。

30 種設計風格

多 IDE 支援

Agentic Design

快速開始

1. 透過 npx 執行（無需安裝）

前往您的專案根目錄並執行：

$ npx style-prompt-skill init

2. 手動安裝

如果您偏好將其保留在 package.json 中：

$ npm install -D style-prompt-skill
$ npx style-prompt init

運作原理

當您執行 init 時，CLI 會：

  • 1

    將風格規範庫複製到您專案的 .agents/skills/ 目錄中。

  • 2

    建立工具特定的設定檔（例如 .cursor/rules/*.mdc），讓您的 AI 助手立即了解該庫。

支援工具

Cursor AI

Cursor AI：自動產生 .cursor/rules/prompt-skill.mdc。

Windsurf IDE

Windsurf IDE：自動產生 .windsurf/rules/style-prompt.md。

Claude Code

Claude Code：自動設定 .claude/skills/ 結構。

結構

SKILL.md

SKILL.md：AI Agents 的主要進入點。

references/

references/：30 個獨立的 markdown 檔案，包含設計 DNA、Token 和提示詞。

來源連結

GitHub 原始碼

github.com/zz41354899/style-prompt

NPM 套件

npmjs.com/package/style-prompt-skill

為無縫的 AI 輔助設計工作而打造。