Agent Skills
返回列表
高级开发工程师

高级开发工程师

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_ad872d55/senior-developer。

技能介绍

适合解决什么问题

当项目不只是“能跑”，还要面对 Laravel/Livewire/FluxUI 的组件化前端、Three.js 背景或 3D 展示、高级 CSS 动效、主题切换与首屏性能时，容易出现职责混杂、技术选型摇摆和动画掉帧等问题。该技能面向 Web 全栈开发场景，把“Premium 前端体验”拆成可执行目标：60fps 动画、<1.5s 首屏加载、响应式交互和 light/dark/system 主题一致性。

技能如何工作

  • 全栈实现：以 Laravel 为后端，Livewire 处理交互组件，FluxUI 构建 UI 组件。
  • 视觉增强：使用高级 CSS、微交互、magnetic hover、Glass morphism 等效果，加入 Three.js 粒子背景或 3D 展示。
  • 流程约束：先做任务分析，识别技术栈与约束；再进入 Premium 实现；最后测试交互元素、响应式布局和动画流畅度。
  • 决策与调试：涉及技术选型、优化优先级或生产问题时，可参考其技术决策框架与调试手册，围绕 Laravel、Livewire、Three.js 场景定位问题。

适用边界

它更适合 Web 前端与 PHP 全栈项目，尤其是需要高视觉质量与性能指标的页面；不覆盖移动端原生开发、服务端部署运维或通用后端架构设计。若项目没有 FluxUI、Three.js 或高级 CSS 需求，直接套用可能引入不必要复杂度。

使用场景

  • 为 Laravel 管理后台接入 FluxUI，实现 light/dark/system 主题切换与平滑过渡。
  • 用 Three.js 做粒子背景和 3D 展示，同时检查移动端动画是否保持 60fps。
  • 重构旧页面 CSS，加入 glass morphism、微交互和 magnetic hover，并压缩首屏加载到 1.5s 内。
  • 根据性能指标排查 Livewire 请求、Three.js 渲染和 CSS 动画造成的掉帧。

适合人员

  • 维护 Laravel + Livewire 后台，需要把新页面做成 FluxUI 组件并接入主题切换的工程师。
  • 负责官网营销页，要把 Three.js 粒子背景和 3D 展示做到 60fps 的前端工程师。
  • 处理首屏慢、动画掉帧的生产问题，需要按调试手册定位 CSS/Livewire 瓶颈的负责人。
  • 做技术选型或重构，需要判断 FluxUI、Three.js 与性能优化优先级的资深开发。