前言¶
日常写代码时，模型往往能给出一版能跑的实现，但在 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
