Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.
Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.
Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
全栈前端工具集插件,为 Claude Code 提供 Vue 生态、构建工具、测试、文档、设计与代码规范等全流程辅助能力。
涉及对应技术栈或场景时会自动激活。
| Skill | 说明 |
|---|---|
vue | Vue 3 Composition API、<script setup>、响应式与内置组件 |
vue-best-practices | Vue.js 任务必备规范,强制 Composition API + TypeScript |
vue-router-best-practices | Vue Router 4 路由模式、导航守卫与生命周期 |
vue-testing-best-practices | Vue 测试规范,覆盖 Vitest / Vue Test Utils / Playwright |
vueuse-functions | VueUse 组合式函数的最佳实践 |
nuxt | Nuxt SSR、自动导入、文件路由、Server Routes |
pinia | Pinia 状态管理与 store 模式 |
unocss | UnoCSS 原子化 CSS 引擎与预设 |
vite | Vite 配置、插件、SSR 与 Vite 8 Rolldown 迁移 |
vitepress | VitePress 文档站点构建 |
vitest | Vitest 单测、Mock、覆盖率与过滤 |
slidev | Slidev 技术演示文稿 |
tsdown | 基于 Rolldown 的 TS/JS 库打包 |
turborepo | Turborepo monorepo 构建与缓存 |
pnpm | pnpm 工作区、catalogs、patches、overrides |
antfu | Anthony Fu 的工程化约定与配置 |
vue-style-guide | 前端项目结构分析、诊断与重构建议(Vue/Nuxt/React/Next) |
web-design-guidelines | UI 代码的 Web 交互指南合规审查(可访问性、UX、设计审计) |
frontend-design | 创建独特、生产级前端界面,避免千篇一律的 AI 风格 |
| Command | 说明 |
|---|---|
/commit | 分析 git 变更并生成符合 Conventional Commits 规范的英文提交消息 |
/dev-guide | 前端开发规范指南,整合 Vue/Nuxt/React 多 skill 的检查与重构能力 |
/doc-review | 项目文档质量审计,可按文件、类型或过时状态过滤 |
claude plugin add pancakeHub/claude-plugin-frontend
在对话中提到对应技术栈或场景,相关 skill 会自动激活:
帮我用 Vue 3 + Pinia 实现一个购物车功能
检查这个组件是否符合 Web 交互可访问性规范
/commit
/dev-guide
/doc-review --file README.md
npx claudepluginhub pancake-q/claude-plugin-frontend --plugin claude-plugin-frontendMulti-model consensus engine integrating OpenAI Codex CLI, Gemini CLI, and Claude CLI for collaborative code review and problem-solving.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.
Write feature specs, plan roadmaps, and synthesize user research faster. Keep stakeholders updated and stay ahead of the competitive landscape.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses