跳轉到

Web & Fullstack —— Web 與全端

Terminology rule (zh-TW pages)

技術名詞首次出現以「中文 (English original)」格式呈現，例：依賴注入 (dependency injection)。不自創翻譯——若無公認譯名直接保留英文 （如 embedding、tokenizer）。代碼、API 名、CLI flag、套件名、檔名一律不翻。

Web app 開發 —— Next.js / React / Tailwind / shadcn / Supabase / Vercel / Postgres / browser automation / GitHub workflow / web 品質 稽核 (audits)。本 repo 內容最完整的領域，由 fullstack-nextjs series 撐起。

此 repo 內的 skill

Owned

Skill Canonical 專案 備註
userscript-development Tampermonkey-Scripts SPA／GM lifecycle、Chromium／Firefox fixture、真實 manager 與 reference extension 測試

Local

Skill 一句話 備註
openui-direct-provider 用自己的模型 provider 建 OpenUI generative UI vendored openui 的中立搭檔；除非主動要求，否則不導向 Gateway。

Vendored

fullstack-nextjs series（9 個 skill，全來自官方 organization）：

Skill Upstream Series
nextjs vercel/vercel-plugin fullstack-nextjs
shadcn vercel/vercel-plugin fullstack-nextjs
react-best-practices vercel/vercel-plugin fullstack-nextjs
vercel-storage vercel/vercel-plugin fullstack-nextjs
supabase supabase/agent-skills fullstack-nextjs
supabase-postgres-best-practices supabase/agent-skills fullstack-nextjs
web-design-guidelines vercel-labs/agent-skills fullstack-nextjs
frontend-design anthropics/skills fullstack-nextjs
webapp-testing anthropics/skills fullstack-nextjs
openui thesysdev/skills —（flat，generative-ui 群組；預設以 Gateway 為主）

GitHub workflow + web quality（Warp Oz，見 docs/reference/warp-oz-skills.md）：

Skill Upstream 備註
ci-fix、create-pull-request、github-bug-report-triage、github-issue-dedupe warpdotdev/oz-skills 全部歸在 github-workflow plugin 分組。
web-accessibility-audit、web-performance-audit warpdotdev/oz-skills web-performance-audit 需要 Chrome DevTools MCP。

External skills（手動安裝）

Status enum (single source of truth across the catalog)

Every external-skill or MCP entry below carries a status: value:

Status Meaning Where it links
vendored Already in vendor.yaml. Link to the skills/vendor/<name>/ (or series) entry.
deferred Open TODO P? item — under consideration. Link to the TODO.md anchor.
skipped Looked at, chose not to vendor. Inline reason required (1 sentence).
evaluated Read but no decision recorded. Effectively "tracked." Inline 1-line note describing what was learned.
wishlist Surfaced but not yet evaluated. No link required; default for fresh discoveries.

Status changes are explicit edits — see the Adding catalog entries workflow doc (under Workflows in the nav) for the wishlist → deferred → vendored recipe.

Manual install for non-vendored skills

When a skill is not in vendor.yaml, you can still install it directly from upstream via the npx skills CLI:

# Whole-repo install (if SKILL.md sits at repo root or skills/)
npx skills@latest add <owner>/<repo>

# Subpath install (when the skill is nested)
npx skills@latest add <owner>/<repo>/<path-to-skill-dir>

# Cherry-pick by name
npx skills@latest add <owner>/<repo> -s <skill-name>

# Force deep discovery (skill nested >1 level inside skills/)
npx skills@latest add <owner>/<repo> --full-depth -s <skill-name>

For Anthropic-style plugin marketplaces (e.g. anthropics/financial-services, anthropics/knowledge-work-plugins), use the Claude Code plugin commands instead:

claude plugin marketplace add <owner>/<repo>
claude plugin install <plugin-name>@<repo-name>

For MCP servers, see the per-entry "Auth & install" section in the MCP wiki — install commands vary by transport (HTTP / stdio / SSE) and host (Claude Code / Claude Desktop / Cursor / Managed Agents).

Skill / Plugin Upstream Status 為何此狀態 安裝提示
tampermonkey henkisdabro/wookstar-claude-plugins skipped 內容偏 API；owned skill 整理本專案 lifecycle／native 測試工作流。見 評估。 npx skills@1.5.25 add henkisdabro/wookstar-claude-plugins --skill tampermonkey
develop-userscripts xixu-me 目錄頁 evaluated 僅檢視 listing；2026-09-09 upstream API 回傳 404。 原始碼／可安裝性未確認
userscript-creator andradeatdev 目錄頁 wishlist 僅搜尋結果；2026-09-09 upstream API 回傳 404。 原始碼／可安裝性未確認
vercel/vercel-plugin 的其他 skill vercel/vercel-plugin evaluated 已從中 vendor 4 個進 fullstack-nextjs。其餘（如 tailwind、vercel-ai-sdk 等）有需要時再加。 npx skills@latest add vercel/vercel-plugin -s <skill>
vercel-labs/agent-skills 的剩餘 skill vercel-labs/agent-skills evaluated 已 vendor web-design-guidelines。其餘是類似的 audit 風格 skill。 npx skills@latest add vercel-labs/agent-skills -s <skill>
warpdotdev/oz-skills 跳過的 9 個 warpdotdev/oz-skills skipped 跳過理由見 docs/reference/warp-oz-skills.md：mcp-builder（重複）、webapp-testing（重複）、scheduler（太窄）、依賴 Slack / BigQuery 的條目等。 （未 vendor）

MCP servers

名稱 Upstream Status Auth 紀錄
chrome-devtools @modelcontextprotocol/server-chrome-devtools evaluated 本機 stdio 暫無單一 MCP 紀錄 —— web-performance-audit 需要它

Backlog（TODO P? 條目）

見 TODO.md 的 P? 區：

  • [?/M] Playwright skill —— web automation、testing、網站 clone 的 workflow，agent 維護起來要實際可行。
  • [?/L] Sibling docs-stack skills (docusaurus / vitepress / hugo / sphinx) —— 與既有 mkdocs-site-bootstrap 對應。

另見