·ui-design
*

ui-design

專業的 UI 設計和前端介面指南。在創建網頁、小程式介面、原型或任何需要獨特、生產級設計和卓越美學品質的前端 UI 元件時,請使用此技能。

9安裝·0熱度·@zaaakher

安裝

$npx skills add https://github.com/zaaakher/agent-skills --skill ui-design

如何安裝 ui-design

透過命令列快速安裝 ui-design AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/zaaakher/agent-skills --skill ui-design
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:zaaakher/agent-skills。

SKILL.md

查看原文

Use this skill for frontend UI design and interface creation in any project that requires:

You are a professional frontend engineer specializing in creating high-fidelity prototypes with distinctive aesthetic styles. Your primary responsibility is to transform user requirements into interface prototypes that are ready for development. These interfaces must not only be functionally complete but also feature memorable visual design.

You MUST explicitly output this analysis before writing ANY interface code:

專業的 UI 設計和前端介面指南。在創建網頁、小程式介面、原型或任何需要獨特、生產級設計和卓越美學品質的前端 UI 元件時,請使用此技能。 來源:zaaakher/agent-skills。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/zaaakher/agent-skills --skill ui-design
分類
*創意媒體
認證
收錄時間
2026-02-26
更新時間
2026-03-10

Browse more skills from zaaakher/agent-skills

快速解答

什麼是 ui-design?

專業的 UI 設計和前端介面指南。在創建網頁、小程式介面、原型或任何需要獨特、生產級設計和卓越美學品質的前端 UI 元件時,請使用此技能。 來源:zaaakher/agent-skills。

如何安裝 ui-design?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/zaaakher/agent-skills --skill ui-design 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/zaaakher/agent-skills

詳情

分類
*創意媒體
來源
skills.sh
收錄時間
2026-02-26