# @allanyiin/frontend-design

Install the `frontend-design` SKILL.md skill with `npx`.

在使用者需要設計或重做網站、Web App、前端 UI/UX、landing page、dashboard、後台管理、工作台、編輯器、React/Vue/Tailwind 畫面、元件 UI、元件庫或 design system 時使用，例如「做網頁」「設計儀表板」「優化 UI」「畫 wireframe」「規劃 component UI」「重做介面」等常見觸發。遇到純後端、純文件、產品策略研究、品牌規劃、或不涉及使用者介面的功能開發則不適用。成功輸出為經確認目標受眾、互動流程、品牌語氣、情緒目標與首屏任務後，產出結構明確、可直接交付開發的 UI 設計稿或前端元件規劃說明。

## Usage

```bash
npx @allanyiin/frontend-design
```

Default target:

```bash
./skills/frontend-design
```

OpenClaw global target example:

```bash
npx @allanyiin/frontend-design --target ~/.openclaw/skills/frontend-design
```

Install to a custom location:

```bash
npx @allanyiin/frontend-design --target /path/to/frontend-design
```

Overwrite an existing installation:

```bash
npx @allanyiin/frontend-design --force
```

The package exposes a single executable:

```bash
frontend-design
```