Vue Best Practices
Vue AIVue 3 guidance centred on the Composition API with script setup and TypeScript, covering SSR and tooling.
By agent · Claude Code
Skills in the open SKILL.md format that Claude Code reads. Each one has a plain-language summary and the command to install it.
$ npx skills add <author>/<skill>Replace the placeholder with the author and skill name from the skill's page. Start a new Claude Code session afterwards so the skill is picked up.
Vue 3 guidance centred on the Composition API with script setup and TypeScript, covering SSR and tooling.
Debugging guides for Vue 3 runtime errors, warnings, async failures and hydration issues.
Covers JSX syntax in Vue, including plugin configuration and differences from React JSX.
Covers the Vue 3 Options API style, with each reference showing an Options API solution.
Covers Pinia stores, state management patterns and reactivity with stores.
Covers Vue Router 4 patterns: navigation guards, route params and route-component lifecycle.
Covers Vue testing with Vitest, Vue Test Utils and Playwright for end-to-end tests.
Audits a website against WCAG 2.2 and fixes accessibility problems such as screen reader support and keyboard navigation.
Applies current web development practice for security, browser compatibility and code quality to an existing codebase.
Improves the Core Web Vitals (LCP, INP, CLS) of a page using field and lab evidence.
Speeds up page loading by finding and fixing the causes of slow load times.
Improves a site's search visibility: meta tags, structured data, sitemaps and other on-page SEO basics.
Runs a website audit covering performance, accessibility, SEO, best practices and agentic browsing, with evidence for each finding.
Postgres best practices maintained by Supabase, for schema changes, queries, indexes and security on any Postgres.
Covers any Supabase task: Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, Queues and the client libraries.
Builds and submits iOS and Android apps with EAS to TestFlight, the App Store and Google Play.
Deploys Expo websites and Expo Router API routes to EAS Hosting, with preview URLs, secrets and custom domains.
Configures EAS Update for over-the-air JavaScript and asset updates in Expo apps.
Writes and explains EAS workflow YAML files for CI/CD in Expo projects.
Builds animations in React Native and Expo, deciding what should animate, on which thread, and with spring or timing.
Implements and debugs network requests in Expo apps: fetch, React Query, SWR, caching, offline support and loading states.
Builds a design system inside an Expo app: design tokens for colour, spacing and type, plus component variant conventions.
Builds and distributes Expo development clients locally or through TestFlight for internal testing.
Runs web code in a webview on native with Expo DOM components, so a web codebase can move to native step by step.
Questions
A folder with a SKILL.md file: instructions, and sometimes scripts and reference files, that Claude Code loads when a task calls for them.
Each skill page has an install command. Run it in a terminal, then start a new Claude Code session so the skill is picked up.
An instructions file is loaded in every session and describes the project. A skill is loaded only when a task calls for it, so it can be long and specific without costing context on every turn.