Skip to main content
tutorials
4 分鐘閱讀

為你的 AI 代理加上時尚設計力:安裝 StyTrix Skill(2026 教學)

用一行指令安裝 StyTrix 代理技能,把 Claude Code、Cursor 或 Codex 變成時尚設計工作室。逐步設定、範例提示,以及 skill + MCP + CLI 如何協作。

StyTrix Team
作者
分享這篇文章:
Install the StyTrix skill — AI agent designing fashion, terminal blending into a design canvas

Agent skills(代理技能) 讓你用一行指令,就能教 AI 編程代理 —Claude Code、Cursor、Codex、Gemini CLI 等 —一項新能力。StyTrix skill 能把這些代理變成時尚設計助理:你開口要一件服裝概念、一位模特兒、一塊布料,或一整個系列,它就會生成設計並即時放到你的 StyTrix 畫布上。

這篇教學帶你兩分鐘安裝 StyTrix skill、連接、開始設計,並解析它背後的運作(skill + MCP + CLI)。

安裝 StyTrix skill

打開你慣用的代理(Claude Code、Codex、Cursor 等),執行:

npx skills add https://github.com/hirosichen/stytrix-skills --skill stytrix

就這樣。安裝器會偵測你的代理,把 skill 放進每一個。典型的執行輸出長這樣:

◇  Source: https://github.com/hirosichen/stytrix-skills.git
◇  Found 1 skill
●  Selected 1 skill: stytrix
●  Installing to: Claude Code, Cursor, Codex, Gemini CLI, +60 more
◇  Security Risk Assessments
     stytrix   Safe   0 alerts
◇  Installed 1 skill  →  ./.agents/skills/stytrix

這個 skill 採用開放的 Agent Skills 格式,因此可在 70+ 種代理通用 —裝一次,到處用。

連接 StyTrix(一次性)

skill 驅動的是 StyTrix 的工具。先連接 StyTrix 一次,兩種方式擇一:

方式 A —MCP 連接器(最適合 Claude.ai、Cursor、Claude Code)

加入 StyTrix MCP 伺服器:

  • Claude.ai: Settings → Connectors → Add custom connector → https://www.stytrix.com/api/mcp
  • Claude Code: claude mcp add --transport http stytrix https://www.stytrix.com/api/mcp
  • Cursor / Codex / Gemini: 把該網址加進 MCP 設定

方式 B —StyTrix CLI(任何終端機代理都能用)

如果你的代理沒連 MCP,skill 會退回用 StyTrix CLI:

npx stytrix login        # 一次性瀏覽器登入(OAuth,免 API key)
npx stytrix credits      # 查看餘額

兩種都走相同的 OAuth 2.1 登入(不需複製 API key)。唯讀指令免費;生成會消耗 StyTrix 點數。完整文件:https://www.stytrix.com/mcp

開始設計

裝好、連好之後,直接對你的代理說話:

  • 「生成一件 oversized 駝色羊毛大衣的寫實概念,放到我的 StyTrix 畫布上。」
  • 「做一個 SS26 亞麻系列:一位模特兒、三款布料樣、兩套造型。」
  • 「把這張外套照片轉成乾淨的技術平面圖。」
  • 「列出我的 StyTrix 專案,還有我有多少點數。」(免費)

代理會呼叫對應的 StyTrix 工具、對任何會花點數的動作徵求你同意,結果即時出現在畫布上:

StyTrix 設計畫布上顯示 AI 代理透過 StyTrix skill 生成的服裝概念
代理透過 StyTrix skill 生成的設計,即時呈現在 StyTrix 畫布上。

運作原理:skill + MCP + CLI

三個元件協同運作:

  • Skill說明書/腦。一個小的指示包(一份 SKILL.md)裝進你的代理,教它 StyTrix 是什麼、何時用、最佳工作流程。這就是 npx skills add 安裝的東西。
  • MCP 伺服器工具/手StyTrix MCP 伺服器 提供 19 個時尚設計工具(生成概念、模特兒、布料、mix & match 等),由代理在執行時呼叫。
  • CLI備援stytrix npm 套件讓 skill 在沒連 MCP 的代理也能用 —同樣的 OAuth、同樣的工具,走終端機。

你不需要三個都用 —skill 加上 MCP 或 CLI 其中一個就夠了。Skill 是「腦」,MCP/CLI 是「手」。

常見問題

StyTrix skill 是什麼? 一個可安裝的代理技能,教 AI 編程代理(Claude Code、Cursor、Codex、Gemini CLI)用 StyTrix 做時尚設計 —在設計畫布上生成概念、模特兒、布料與造型。

怎麼安裝? 在你的代理裡執行 npx skills add https://github.com/hirosichen/stytrix-skills --skill stytrix

支援哪些代理? 任何支援開放 Agent Skills 格式的代理 —Claude Code、Cursor、Codex、Gemini CLI、Continue 等 70+ 種。

需要 API key 嗎? 不需要。StyTrix 透過 MCP 連接器或 npx stytrix login 用 OAuth 2.1 登入。

免費嗎? 安裝與唯讀動作免費;生成工具會消耗 StyTrix 點數。

skill 和 MCP 伺服器有什麼差別? skill 是指示/說明書;MCP 伺服器提供即時工具。skill 教代理如何、何時把 StyTrix 工具用得好。

現在開始

npx skills add https://github.com/hirosichen/stytrix-skills --skill stytrix

接著免費註冊 StyTrix,閱讀設定文件。你的 AI 代理現在就是一間時尚設計工作室。

#StyTrix skill#agent skills#npx skills#AI fashion design#Claude Code#Cursor#Codex#MCP#fashion design agent#tutorial
免費試用 StyTrix

將你的時尚靈感化為現實

用 AI 生成令人驚豔的時尚設計。無需設計技能。

開始創作

你的下一季系列,從這裡開始

從初稿到最終提案 — 與團隊一起,設計速度提升 10 倍。

免費開始