Anthony Fu

Organize shared data and update logic in Vue apps using Pinia stores, containers for application state. The skill guides store definitions, reactive data access, communication between stores, testing, and integration with Nuxt and server-side rendering.

• Organizing shared data and update logic in Vue apps
• Connecting stores and extending them with plugins
• Testing components with mocked stores

Manage Node.js dependencies with pnpm, from installing packages to coordinating multiple projects in one workspace. The skill covers shared version settings, third-party package patches, dependency overrides, and consistent installation procedures for automated build environments.

• Unifying dependency versions across a workspace
• Patching third-party packages and overriding versions
• Configuring package installation in CI

Configure Vite projects for development and production builds, create plugins, and build libraries or apps with server-side rendering, where pages are generated on the server. The skill also covers migrating configuration to Vite 8.

• Configuring the development server and production build
• Creating Vite plugins
• Building libraries and server-rendered apps

Create a GitHub pull request from the current branch with a structured title, a clear explanation of behavior changes, and recorded check results. For UI changes, attach before-and-after screenshots so reviewers can assess the visual differences.

• Preparing and publishing a PR from the current branch
• Writing a PR description backed by verification results
• Attaching before-and-after screenshots for UI changes

Develop Vue web applications with Nuxt, covering pages, data fetching, shared state, and server API routes. Configure rendering on the server or in the browser, and prepare deployment settings for supported platforms.

• Build pages and routing for a Vue application
• Fetch API data and manage shared state
• Implement server API routes and middleware

Set up JavaScript and TypeScript projects using Anthony Fu’s conventions for code organization, development tools, and package publishing. Establish shared checks for formatting, types, unused code, and tests before committing changes.

• Setting up a new TypeScript project
• Standardizing formatting and code checks
• Managing dependencies across a monorepo

Build and configure web servers with Nitro, including request handlers, caching, storage, and scheduled tasks. The skill also guides deployment to supported runtimes and platforms, plus migration from Nitro v2 to v3.

• Implementing server routes and caching
• Adding scheduled tasks and WebSocket connections
• Configuring deployment for supported platforms

Build Vue 3 components with TypeScript and Composition API, a way to organize component logic. Define inputs, events, and two-way bindings, manage reactive data, and use built-in components for transitions and state preservation.

• Build Vue components with TypeScript
• Define component inputs, events, and two-way bindings
• Update displays and react to data changes

Write and configure unit tests, which check individual pieces of code, using Vitest. Replace dependencies with test substitutes, measure code coverage, compare saved outputs, and organize filtered or parallel test runs.

• Write unit tests for TypeScript code
• Replace functions and timers with test substitutes
• Measure coverage and compare saved outputs

Configure UnoCSS and style interfaces with utility classes, small reusable styling instructions. Use project settings to define custom rules, shortcuts, themes, and presets for features such as icons, typography, and attribute-based styling.

• Adding UnoCSS to a Vite or Nuxt project
• Combining repeated styles into shortcuts
• Defining shared colors and responsive breakpoints

Build documentation sites from Markdown with VitePress, then configure navigation, search, and themes. The skill also covers embedding Vue components, organizing multilingual content, and preparing deployment settings for supported hosting platforms.

• Build a documentation site from Markdown
• Customize navigation, search, and themes
• Embed Vue components in documentation