·frontend-developer-skill
</>

frontend-developer-skill

404kidwiz/claude-supercode-skills

全面的前端開發專家,用於使用 React、Vue、Angular 和現代工具(包括狀態管理、測試和性能優化)構建現代 Web 應用程序

72安裝·1熱度·@404kidwiz

安裝

$npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill frontend-developer-skill

SKILL.md

Provides complete frontend development expertise for building production-ready web applications with modern frameworks (React, Vue, Next.js), comprehensive tooling setup, state management patterns, testing infrastructure, and performance optimization strategies.

| Scenario | Library | Bundle Size | Use Case |

| Simple local state | useState, useReducer | 0 KB | Component-level state | | Shared state (2-3 components) | Context API | 0 KB | Theme, auth, simple global | | Medium app (<10 slices) | Zustand | 1 KB | Most apps, good DX | | Large app (10+ slices) | Redux Toolkit | 11 KB | Enterprise, time-travel debug |

全面的前端開發專家,用於使用 React、Vue、Angular 和現代工具(包括狀態管理、測試和性能優化)構建現代 Web 應用程序 來源:404kidwiz/claude-supercode-skills。

查看原文

可引用資訊

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

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

快速解答

什麼是 frontend-developer-skill?

全面的前端開發專家,用於使用 React、Vue、Angular 和現代工具(包括狀態管理、測試和性能優化)構建現代 Web 應用程序 來源:404kidwiz/claude-supercode-skills。

如何安裝 frontend-developer-skill?

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

這個 Skill 的原始碼在哪?

https://github.com/404kidwiz/claude-supercode-skills