Anthony Fu
- 24 skills
- 0 followers
- 5.5k repo stars
- last week last updated
- ▌ Antfu Design 2 · antfu bundleUse when building or restyling devtools-style Vue 3 UIs with @antfu/design — wiring the composable UnoCSS preset, using the semantic token vocabulary (bg-base, color-base, badge-color-*, color-scale-*), choosing prefixed primitives (DisplayBadge, ActionButton, DisplayFilePath, OverlayModal, …), and keeping light/dark contrast and the "anti-slop" rules. Reach for it whenever generating or reviewing UI in a project that depends on @antfu/design.
- ▌ Ghfs · antfuManages ghfs local mirror files in `.ghfs/`, especially translating user instructions into valid execute operations (`execute.md`, `execute.yml`, or per-item edits), running `ghfs execute` / `ghfs sync`, and validating issue/PR batch edits. Use when tasks involve editing issues/PRs through `.ghfs` artifacts, reconciling sync state, or applying queued GitHub operations.
- ▌ Node Modules Inspector · antfuInspects a project's installed node_modules and produces three reports: duplicated packages (installed in multiple versions), packages sorted by install size, and maintenance actions (dep-upgrade opportunities + publint findings, grouped by consumer/author). Use when the user wants to audit dependencies, find duplicate packages, check what's taking up disk space in node_modules, identify outdated peer/prod dependencies that newer dependents could upgrade past, or list publint problems. Available as a CLI (`npx node-modules-inspector report <duplicates|sizes|maintainers> [--json]`) or an MCP stdio server (`npx node-modules-inspector mcp`) exposing the same three reports as agent tools. Works with pnpm, npm, and bun.
- ▌ Fast NPM Meta · antfuQueries npm package metadata via the fast-npm-meta CLI — resolves package versions, dist-tags, publish dates, engine requirements, and version range specifiers. Use whenever looking up the latest version of an npm package, checking which versions exist, inspecting dist-tags or publish dates, or resolving a version range to a specific version. Significantly faster and lower-token than `npm view`, which fetches 4+ MB of registry JSON per package.
- ▌ Web Design Guidelines 2 · antfuReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
- ▌ Web Design Guidelines · antfu bundleReview UI code for compliance with web interface guidelines, accessibility, and UX best practices.
- ▌ Vue Testing Best Practices · antfu bundleProvides Vue.js testing best practices, patterns, and solutions for common pitfalls using Vitest, Vue Test Utils, and Playwright.
- ▌ Vue · antfu bundleWrite Vue 3 Single-File Components using Composition API with TypeScript, covering script setup macros, reactivity system, built-in components, and lifecycle hooks.
- ▌ Nuxt · antfu bundleBuild full-stack Vue applications with Nuxt 4, covering SSR, file-based routing, auto-imports, server routes, and deployment.
- ▌ Pnpm · antfu bundleManage Node.js dependencies with pnpm, including workspaces, catalogs, patches, and supply-chain security.
- ▌ Vite · antfu bundleConfigure Vite build tool, use its plugin API, set up SSR, and migrate to Vite 8 with Rolldown.
- ▌ Antfu · antfu bundleSets up JavaScript/TypeScript projects with opinionated tooling and conventions including ESLint, TypeScript config, testing with Vitest, and monorepo setup.
- ▌ Nitro · antfu bundleBuild and deploy web servers anywhere using Nitro's filesystem routing, caching, tasks, WebSockets, and deployment presets for Node.js, Bun, Deno, Cloudflare, Vercel, and more.
- ▌ Pinia · antfu bundleManage Vue application state with Pinia's type-safe store patterns, including state, getters, actions, plugins, and SSR support.
- ▌ Slidev · antfu bundleCreate and present web-based slide decks using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Ideal for technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
- ▌ Tsdown · antfu bundleBundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.
- ▌ Unocss · antfu bundleConfigure and use UnoCSS, an instant atomic CSS engine with presets, rules, shortcuts, and integrations for Vite and Nuxt.
- ▌ Vitest · antfu bundleWrite and run unit tests with Vitest, a Vite-native testing framework offering Jest-compatible API, mocking, coverage, and snapshot testing.
- ▌ Turborepo · antfu bundleConfigure and optimize Turborepo monorepo build systems with task pipelines, caching, filtering, and CI integration.
- ▌ Vitepress · antfu bundleBuild documentation sites, configure themes, and write Markdown with Vue components using the VitePress static site generator.
- ▌ Antfu Design · antfu bundleBuild interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.
- ▌ Vueuse Functions · antfu bundleMap requirements to the most suitable VueUse composable and apply correct usage patterns for concise, maintainable Vue.js/Nuxt features.
- ▌ Vue Best Practices · antfu bundleProvides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.
- ▌ Vue Router Best Practices · antfu bundleProvides best practices for Vue Router 4, including navigation guards, route params, and route-component lifecycle interactions.