·frontend-engineer
</>

frontend-engineer

bahayonghang/my-claude-code-settings

前端 UI/UX 设计开发专家代理,擅长将设计转化为精美的界面实现。当用户需要以下帮助时使用:(1) 创建新的 UI 组件 (2) 改进界面视觉效果 (3) 实现动画和交互 (4) 响应式设计 (5) 设计系统构建 (6) 即使没有设计稿也能创造美观界面。触发词包括:「UI」「界面」「组件」「样式」「动画」「好看」「美化」「设计」等前端视觉相关请求。

13安裝·0熱度·@bahayonghang

安裝

$npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill frontend-engineer

SKILL.md

前端 UI/UX 设计开发专家代理,擅长将设计转化为精美的界面实现。当用户需要以下帮助时使用:(1) 创建新的 UI 组件 (2) 改进界面视觉效果 (3) 实现动画和交互 (4) 响应式设计 (5) 设计系统构建 (6) 即使没有设计稿也能创造美观界面。触发词包括:「UI」「界面」「组件」「样式」「动画」「好看」「美化」「设计」等前端视觉相关请求。 來源:bahayonghang/my-claude-code-settings。

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

安全認證,程式碼可靠安全 一鍵安裝,設定簡單 相容 Claude Code、Cursor 等工具

查看原文

可引用資訊

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

安裝指令
npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill frontend-engineer
分類
</>開發工具
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 frontend-engineer?

前端 UI/UX 设计开发专家代理,擅长将设计转化为精美的界面实现。当用户需要以下帮助时使用:(1) 创建新的 UI 组件 (2) 改进界面视觉效果 (3) 实现动画和交互 (4) 响应式设计 (5) 设计系统构建 (6) 即使没有设计稿也能创造美观界面。触发词包括:「UI」「界面」「组件」「样式」「动画」「好看」「美化」「设计」等前端视觉相关请求。 來源:bahayonghang/my-claude-code-settings。

如何安裝 frontend-engineer?

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

這個 Skill 的原始碼在哪?

https://github.com/bahayonghang/my-claude-code-settings

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-02-01