--- title: "Max (@onmax) skills · skilld" canonical_url: "https://skilld.dev/gh/onmax" last_updated: "2026-08-20T06:40:51.611Z" meta: description: "57 agent skills written by Max on skilld. Nuxt, TypeScript, Vue." "og:description": "57 agent skills written by Max." "og:title": "Max on skilld" --- ` ![Avatar for Max](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png) # **Max** [@onmax](https://github.com/onmax)person Breaking things 57 skills2 repos 715 Lund, Sweden Mostly·Nuxt, TypeScript, Vue [GitHub](https://github.com/onmax) [Website](https://onmax.me/hire) ## Skills ### [onmax/claude-config](https://skilld.dev/gh/onmax/claude-config) 31 skills `npx skilld add onmax/claude-config` - [ **/agent-browser** Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages. /agent-browser by onmax](https://skilld.dev/gh/onmax/claude-config/agent-browser) - [ **/better-icons** Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: \`better-icons search \\` to find icons, \`better-icons get \\` to get SVG. Also available as MCP server for AI agents. /better-icons by onmax](https://skilld.dev/gh/onmax/claude-config/better-icons) - [ **/create-pr-commit** Suggest conventional commit or pull request titles in the format type(scope): title, written in lowercase English. Use when asked to propose commit messages or PR titles, especially for /create-commit or /create-pr requests. /create-pr-commit by onmax](https://skilld.dev/gh/onmax/claude-config/create-pr-commit) - [ **/design-interface** Generate multiple radically different interface designs for a module using parallel sub-agents. Use when designing an API, exploring interface options, comparing module shapes, or "design it twice". /design-interface by onmax](https://skilld.dev/gh/onmax/claude-config/design-interface) - [ **/document-writer** Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props. /document-writer by onmax](https://skilld.dev/gh/onmax/claude-config/document-writer) - [ **/frontend-design** Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. /frontend-design by onmax](https://skilld.dev/gh/onmax/claude-config/frontend-design) - [ **/motion** Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt /motion by onmax](https://skilld.dev/gh/onmax/claude-config/motion) - [ **/nuxt** 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. /nuxt by onmax](https://skilld.dev/gh/onmax/claude-config/nuxt) - [ **/nuxt-better-auth** Guides authentication in Nuxt apps using @nuxtjs/better-auth. Use when installing or configuring the module, using its client or server APIs, protecting routes, refreshing sessions, or integrating Better Auth plugins. /nuxt-better-auth by onmax](https://skilld.dev/gh/onmax/claude-config/nuxt-better-auth) - [ **/nuxt-content** Build typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations. /nuxt-content by onmax](https://skilld.dev/gh/onmax/claude-config/nuxt-content) - [ **/nuxt-modules** Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation. /nuxt-modules by onmax](https://skilld.dev/gh/onmax/claude-config/nuxt-modules) - [ **/nuxt-seo** Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data. /nuxt-seo by onmax](https://skilld.dev/gh/onmax/claude-config/nuxt-seo) - [ **/nuxt-ui** Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces. /nuxt-ui by onmax](https://skilld.dev/gh/onmax/claude-config/nuxt-ui) - [ **/nuxthub** Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports. /nuxthub by onmax](https://skilld.dev/gh/onmax/claude-config/nuxthub) - [ **/pnpm** Use when managing Node.js dependencies with pnpm - provides workspace setup, catalogs, CLI commands, overrides, and CI configuration /pnpm by onmax](https://skilld.dev/gh/onmax/claude-config/pnpm) - [ **/reka-ui** Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue. /reka-ui by onmax](https://skilld.dev/gh/onmax/claude-config/reka-ui) - [ **/request-refactor-plan** Conversational refactor planner - interview, scope, plan tiny atomic commits. Use when planning a refactor that needs careful incremental steps. /request-refactor-plan by onmax](https://skilld.dev/gh/onmax/claude-config/request-refactor-plan) - [ **/setup-for-oss** Review and bootstrap open-source repo health (OSS) by auditing or scaffolding README, CONTRIBUTING, CODE\_OF\_CONDUCT, LICENSE, SECURITY, GitHub templates, CI workflows, Renovate, publishing (pkg-pr-new + npm Trusted Publishing), linting/formatting, Changesets, and automation. Use when asked to review OSS setup, check OSS health, or set up/add OSS files and workflows. /setup-for-oss by onmax](https://skilld.dev/gh/onmax/claude-config/setup-for-oss) - [ **/shelve** /shelve by onmax](https://skilld.dev/gh/onmax/claude-config/shelve) - [ **/skill-creator** Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends an agent's capabilities with specialized knowledge, workflows, or tool integrations. /skill-creator by onmax](https://skilld.dev/gh/onmax/claude-config/skill-creator) - [ **/todoist** Todoist CLI (sachaos/todoist). Use when user mentions: todoist, tasks, todos, adding/listing/completing tasks, creating projects, filtering by date/priority/label, natural language task entry, recurring tasks, or task management workflows. /todoist by onmax](https://skilld.dev/gh/onmax/claude-config/todoist) - [ **/ts-library** Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows. /ts-library by onmax](https://skilld.dev/gh/onmax/claude-config/ts-library) - [ **/tsdown** Use when bundling TypeScript libraries - provides tsdown configuration, dual ESM/CJS output, .d.ts generation, and plugin authoring /tsdown by onmax](https://skilld.dev/gh/onmax/claude-config/tsdown) - [ **/unslop** Remove AI-generated "slop" from codebases by deleting redundant comments and unused code, tightening formatting, and normalizing styling patterns (e.g., Tailwind class consistency, Nuxt UI color tokens). Use when a user asks to clean up code, remove unnecessary comments, reduce unused imports/variables, or align Tailwind/Nuxt UI conventions. /unslop by onmax](https://skilld.dev/gh/onmax/claude-config/unslop) - [ **/vite** Use when setting up Vite projects - provides dev server, HMR, build configuration, library mode, and plugin authoring patterns /vite by onmax](https://skilld.dev/gh/onmax/claude-config/vite) - [ **/vitest** Use when writing unit/integration tests for Vite projects - provides Vitest configuration, test APIs, mocking patterns, and coverage setup /vitest by onmax](https://skilld.dev/gh/onmax/claude-config/vitest) - [ **/vue** Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive. /vue by onmax](https://skilld.dev/gh/onmax/claude-config/vue) - [ **/vueuse** Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented. /vueuse by onmax](https://skilld.dev/gh/onmax/claude-config/vueuse) - [ **/web-animation-design** Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use, animation best practices, or accessibility considerations for motion. Triggers on: easing, ease-out, ease-in, ease-in-out, cubic-bezier, bounce, spring physics, keyframes, transform, opacity, fade, slide, scale, hover effects, microinteractions, Framer Motion, React Spring, GSAP, CSS transitions, entrance/exit animations, page transitions, stagger, will-change, GPU acceleration, prefers-reduced-motion, modal/dropdown/tooltip/popover/drawer animations, gesture animations, drag interactions, button press feel, feels janky, make it smooth. /web-animation-design by onmax](https://skilld.dev/gh/onmax/claude-config/web-animation-design) - [ **/write-a-prd** Conversational PRD writer - interview, scope, write, then create Linear/GitHub issue. Use when planning a new feature or product requirement. /write-a-prd by onmax](https://skilld.dev/gh/onmax/claude-config/write-a-prd) - [ **/writer** Iterative writing loop. Gemini 3 Pro writes, Claude Agent SDK reviews autonomously. Use for blog posts, docs, technical content needing quality iteration. /writer by onmax](https://skilld.dev/gh/onmax/claude-config/writer) ### [onmax/nuxt-skills](https://skilld.dev/gh/onmax/nuxt-skills) Vue, Nuxt, and NuxtHub skills for AI coding assistants. 26 skills 715 `npx skilld add onmax/nuxt-skills` - [ **/arkenv**715 Answer questions about ArkEnv and help implement environment variable validation. Use when developers: (1) Ask about environment variable validation or typesafety, (2) Want to setup ArkEnv in a project, (3) Need to define or update schemas using ArkType or Standard Schema, (4) Are integrating with Next.js, Nuxt, Vite, Bun, or Node.js runtimes. Triggers on: 'ArkEnv', 'env validation', 'typesafe env', 'createEnv', 'env.ts', 'arkenv'. /arkenv by onmax](https://skilld.dev/gh/onmax/nuxt-skills/arkenv) - [ **/comark**715 Comark (Components in Markdown) parser: syntax, AST, Vue/React/Svelte/Angular renderers, plugins, and LLM streaming with auto-close. /comark by onmax](https://skilld.dev/gh/onmax/nuxt-skills/comark) - [ **/nitro**715 Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, server routes/event handlers, route rules, caching, storage, tasks, websockets, or deploying to Node/Bun/Deno/Cloudflare/Vercel. /nitro by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nitro) - [ **/nuxt**715 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. /nuxt by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt) - [ **/nuxt-better-auth**715 Guides authentication in Nuxt apps using @nuxtjs/better-auth. Use when installing or configuring the module, using its client or server APIs, protecting routes, refreshing sessions, or integrating Better Auth plugins. /nuxt-better-auth by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-better-auth) - [ **/nuxt-content**715 Build typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations. /nuxt-content by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-content) - [ **/nuxt-i18n**715 Internationalize Nuxt applications with @nuxtjs/i18n. Use when configuring locales or browser detection, translating messages or routes, building locale switchers, handling fallbacks, lazy-loading messages, or adding locale SEO. /nuxt-i18n by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-i18n) - [ **/nuxt-modules**715 Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation. /nuxt-modules by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-modules) - [ **/nuxt-seo**715 Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data. /nuxt-seo by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-seo) - [ **/nuxt-studio**715 Configure and operate the self-hosted Nuxt Studio editor for Nuxt Content. Use when working with nuxt-studio installation, editor customization, OAuth or custom authentication, media, drafts, Git publishing, or production deployment. /nuxt-studio by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-studio) - [ **/nuxt-ui**715 Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces. /nuxt-ui by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-ui) - [ **/nuxt-users**715 Configure and use the nuxt-users module for Nuxt 3 and Nuxt 4. Use when adding authentication, user management, roles, password reset, database setup (SQLite/MySQL/PostgreSQL), or CLI commands (migrate, create-user). Covers nuxt.config (nuxtUsers), composables (useAuthentication, useUsers, usePublicPaths, usePasswordValidation, useNuxtUsersLocale), components (NUsersLoginForm, NUsersLogoutLink, etc.), and authorization (whitelist, permissions). /nuxt-users by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-users) - [ **/nuxthub**715 Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports. /nuxthub by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxthub) - [ **/pinia**715 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. /pinia by onmax](https://skilld.dev/gh/onmax/nuxt-skills/pinia) - [ **/regle**715 Core Regle form validation in Vue 3 — setup with \`useRegle\`, the reactive \`r$\` object, validation properties, displaying errors, and modifiers. Use when adding or editing Regle forms, binding \`v-model\` to \`r$.$value\`, or reading \`$error\`/\`$errors\`/\`$invalid\`/\`$validate\`/\`$reset\`. For validation rules see regle-rules; for advanced patterns see regle-advanced. /regle by onmax](https://skilld.dev/gh/onmax/nuxt-skills/regle) - [ **/reka-ui**715 Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue. /reka-ui by onmax](https://skilld.dev/gh/onmax/nuxt-skills/reka-ui) - [ **/t3-code-continue-thread**715 Continue work from an earlier T3 Code thread by resolving its UUID, identifying the correct checkout or worktree, and producing a handoff for the normal agent. /t3-code-continue-thread by onmax](https://skilld.dev/gh/onmax/nuxt-skills/t3-code-continue-thread) - [ **/unocss**715 UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify. /unocss by onmax](https://skilld.dev/gh/onmax/nuxt-skills/unocss) - [ **/vite**715 Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite. /vite by onmax](https://skilld.dev/gh/onmax/nuxt-skills/vite) - [ **/vitest**715 Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures. /vitest by onmax](https://skilld.dev/gh/onmax/nuxt-skills/vitest) - [ **/vue**715 Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive. /vue by onmax](https://skilld.dev/gh/onmax/nuxt-skills/vue) - [ **/vue-best-practices**715 MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\