前言¶
日常寫代碼時，模型往往能給出一版能跑的實現，但在 Laravel/Livewire 棧選型、Three.js 場景性能、首屏與幀率指標上，回答容易偏泛：缺少可對照的決策框架，調試步驟也不連貫。若你希望在對話裏固定一套「全棧 Web + 3D/CSS + 性能與重構」的協作方式，可以把 Skill 當作持久化的角色與觸發規則，而不是每次從零描述背景。
下面介紹 SkillHub 社區 Skill「高級開發工程師」的定位、能力與安裝方式。事實以 SkillHub 頁面與已抓取元數據爲準。
這是什麼¶
「高級開發工程師」（座標 @user_ad872d55/senior-developer，當前版本 1.1.0）是 SkillHub 上由社區用戶 user_ad872d55 發佈的開發類 Skill，分類爲 dev-programming，來源標記爲 community。頁面標註 requires_api_key=false，安裝與使用不依賴額外 API Key 配置。
官方簡介將其定位爲 Premium Web 全棧開發專家：聚焦 Laravel / Livewire / FluxUI、Three.js 沉浸式 3D 與 高級 CSS，並強調輸出 技術決策框架 與 調試實戰方案，性能目標表述爲 60fps 流暢 與 首屏 <1.5s（以 SkillHub 簡介原文爲準）。
SkillHub 展示頁：https://www.skillhub.cn/skills/user_ad872d55/senior-developer
API 資源地址：https://api.skillhub.cn/user_ad872d55/senior-developer
核心功能¶
本節只歸納簡介與元數據中已寫明的能力，不展開未公開的 SKILL.md 細則。
-
技術棧導向
對話上下文會偏向 Laravel、Livewire、FluxUI 全棧方案，以及 Three.js 3D 與高級 CSS 實現。 -
工程化輸出形態
強調給出技術選型與架構設計相關的決策框架，以及可跟做的調試思路，而非單點代碼片段。 -
性能與體驗指標
簡介中明確以 60fps 與約 1.5 秒內首屏爲追求方向，適合在「性能優化」「動畫效果」類任務中與模型對齊目標。 -
觸發關鍵詞（官方列舉）
在對話中出現下列意圖時，更適合啓用或引用該 Skill：
「寫代碼」「開發」「Laravel/FluxUI」「Three.js」「架構設計」「動畫效果」「性能優化」「技術選型」「調試」「重構」。
安裝與啓用¶
Skill 基於通用 SKILL.md 格式分發。SkillHub 提供兩種常見安裝路徑：讓 AI 按安裝文檔執行，或使用 skillhub CLI 裝到當前 Agent 的 skills 目錄。
方式一：提示詞交給 AI¶
將下面提示發給支持 Skill 安裝的 AI（如 Cursor Agent），由其讀取 SkillHub 安裝說明並完成安裝：
請根據 https://skillhub.cn/install/skillhub.md，安裝 `@user_ad872d55/senior-developer`。
方式二：skillhub CLI¶
先確認本機是否已有 CLI（文檔要求安裝技能時用 --dir 指向當前 Agent 的 skills 目錄，否則默認 ./skills/ 可能不會被識別）：
command -v skillhub && skillhub --version
未安裝時可按 SkillHub 文檔安裝（完整安裝或僅 CLI）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安裝 Skill 時指定座標與目錄，例如 Cursor 常用路徑爲 ~/.cursor/skills/：
skillhub install @user_ad872d55/senior-developer --dir ~/.cursor/skills/
其他客戶端路徑以 SkillHub 安裝文檔 爲準，例如 Claude Code 爲 ~/.claude/skills/，Codex 爲 ~/.codex/skills/ 或項目下 .agents/skills/。裝到正確目錄後，按你所用客戶端說明刷新或重啓 Agent，使 Skill 被加載。
典型用法¶
官方頁面未附帶獨立代碼示例；可復現的用法是與簡介中的觸發場景對齊，在已安裝 Skill 的前提下發起任務。示例對話意圖如下（表述可替換，關鍵詞與官方列表一致即可）：
用 Laravel + Livewire + FluxUI 設計一個列表頁的數據流，並說明組件拆分與技術選型理由。
Three.js 場景裏粒子動畫掉幀，請按調試實戰步驟排查，目標穩定 60fps。
首屏加載超過 1.5s，請從資源與 CSS 角度做性能優化方案並說明度量方式。
這段 Livewire 組件需要重構，請給出重構步驟與風險點。
經過上面的步驟，模型應在 Skill 約束下更一致地圍繞全棧棧、3D/CSS 與性能指標組織回答；具體回答深度仍取決於底層模型與項目上下文。
適用場景與注意¶
適合誰
- 主做 Web 全棧，技術棧含 Laravel / Livewire / FluxUI 的開發者。
- 需要 Three.js 或 高級 CSS / 動畫 方案，並希望在對話裏固定性能目標（60fps、首屏時間）的人。
- 經常要做 技術選型、架構設計、調試、重構，希望輸出帶決策框架而非零散片段的場景。
限制與注意
- 來源爲 community，維護節奏與詳細規則以發佈者更新爲準；安裝前可在 SkillHub 頁面查看版本 1.1.0 與簡介是否仍符合需求。
- 已抓取元數據顯示 requires_api_key=false；若你所在環境對社區 Skill 有合規要求，請自行評估。
- SkillHub 統計（以已抓取資料爲準）：評分 100000，下載 10670；頁面展示數據會隨時間變化，寫作時請以官網爲準。
- 非 Laravel/PHP 或純後端、非 Web 3D 的項目，觸發詞匹配度低，收益可能有限。
結尾¶
「高級開發工程師」把 Web 全棧（Laravel/Livewire/FluxUI）、Three.js 與高級 CSS、以及性能與調試類問題收攏到同一套 Skill 觸發與角色描述裏，適合在 Cursor 等支持 Skill 的環境里長期掛載。需要安裝或查看詳情時，請打開 SkillHub 官方頁：
https://www.skillhub.cn/skills/user_ad872d55/senior-developer
