Vue Debug Guides
Vue AIDebugging guides for Vue 3 runtime errors, warnings, async failures and hydration issues.
By agent · Codex
Skills in the open SKILL.md format that Codex reads. Each one has a plain-language summary and the command to install it.
$ npx skills add <author>/<skill> --agent codexReplace the placeholder with the author and skill name from the skill's page. Start a new Codex session afterwards so the skill is picked up.
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.
Guides writing Expo native modules and views in Swift, Kotlin and TypeScript with the Expo Modules API.
Questions
Often. A skill is a folder of instructions and scripts in the open SKILL.md format, which Codex reads. A skill that depends on tools only one agent provides will not carry over, so read the skill's source before you rely on it.
Each skill page has an install command. Run it in a terminal, then start a new Codex 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.