---
title: "onmax&#x2F;claude-config skills · skilld"
canonical_url: "https://skilld.dev/gh/onmax/claude-config"
meta:
  description: "Breaking things"
  "og:description": "Breaking things"
  "og:title": "onmax/claude-config skills"
  "twitter:description": "Breaking things"
  "twitter:title": "onmax/claude-config skills"
---

`

[All skills](https://skilld.dev/skills)

[![onmax avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fonmax.png)](https://skilld.dev/gh/onmax)

# **onmax/claude-config**

Breaking things

main Updated 4 days ago [GitHub](https://github.com/onmax/claude-config)

![README badge for onmax/claude-config](https://skilld.dev/b/onmax/claude-config?theme=light&label=0)

## Repository statistics

- Indexed skills

  **31**
- Skill groups

  **1**
- GitHub stars

  **0**
- Forks

  **0**

## Skills

31 total

Sort skills

[<h3>**/nuxt**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxt)

Updated last week

[<h3>**/nuxt-better-auth**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxt-better-auth)

Updated last week

[<h3>**/nuxt-ui**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxt-ui)

Updated last week

[<h3>**/vue**</h3>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](https://skilld.dev/gh/onmax/claude-config/vue)

Updated last week

[<h3>**/document-writer**</h3>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](https://skilld.dev/gh/onmax/claude-config/document-writer)

Updated last month

[<h3>**/nuxt-content**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxt-content)

Updated 2 months ago

[<h3>**/ts-library**</h3>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](https://skilld.dev/gh/onmax/claude-config/ts-library)

Updated 7 months ago

[<h3>**/vueuse**</h3>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](https://skilld.dev/gh/onmax/claude-config/vueuse)

Updated 7 months ago

[<h3>**/web-animation-design**</h3>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](https://skilld.dev/gh/onmax/claude-config/web-animation-design)

Updated 7 months ago

[<h3>**/create-pr-commit**</h3>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](https://skilld.dev/gh/onmax/claude-config/create-pr-commit)

Updated 8 months ago

[<h3>**/design-interface**</h3>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](https://skilld.dev/gh/onmax/claude-config/design-interface)

Updated 8 months ago

[<h3>**/request-refactor-plan**</h3>Conversational refactor planner - interview, scope, plan tiny atomic commits. Use when planning a refactor that needs careful incremental steps. /request-refactor-plan](https://skilld.dev/gh/onmax/claude-config/request-refactor-plan)

Updated 8 months ago

[<h3>**/setup-for-oss**</h3>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](https://skilld.dev/gh/onmax/claude-config/setup-for-oss)

Updated 8 months ago

[<h3>**/unslop**</h3>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](https://skilld.dev/gh/onmax/claude-config/unslop)

Updated 8 months ago

[<h3>**/write-a-prd**</h3>Conversational PRD writer - interview, scope, write, then create Linear/GitHub issue. Use when planning a new feature or product requirement. /write-a-prd](https://skilld.dev/gh/onmax/claude-config/write-a-prd)

Updated 8 months ago

[<h3>**/nuxthub**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxthub)

Updated 8 months ago

[<h3>**/reka-ui**</h3>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](https://skilld.dev/gh/onmax/claude-config/reka-ui)

Updated 8 months ago

[<h3>**/pnpm**</h3>Use when managing Node.js dependencies with pnpm - provides workspace setup, catalogs, CLI commands, overrides, and CI configuration /pnpm](https://skilld.dev/gh/onmax/claude-config/pnpm)

Updated 8 months ago

[<h3>**/tsdown**</h3>Use when bundling TypeScript libraries - provides tsdown configuration, dual ESM/CJS output, .d.ts generation, and plugin authoring /tsdown](https://skilld.dev/gh/onmax/claude-config/tsdown)

Updated 8 months ago

[<h3>**/vite**</h3>Use when setting up Vite projects - provides dev server, HMR, build configuration, library mode, and plugin authoring patterns /vite](https://skilld.dev/gh/onmax/claude-config/vite)

Updated 8 months ago

[<h3>**/vitest**</h3>Use when writing unit/integration tests for Vite projects - provides Vitest configuration, test APIs, mocking patterns, and coverage setup /vitest](https://skilld.dev/gh/onmax/claude-config/vitest)

Updated 8 months ago

[<h3>**/agent-browser**</h3>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](https://skilld.dev/gh/onmax/claude-config/agent-browser)

Updated 8 months ago

[<h3>**/frontend-design**</h3>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](https://skilld.dev/gh/onmax/claude-config/frontend-design)

Updated 8 months ago

[<h3>**/motion**</h3>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](https://skilld.dev/gh/onmax/claude-config/motion)

Updated 8 months ago

[<h3>**/nuxt-modules**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxt-modules)

Updated 8 months ago

[<h3>**/nuxt-seo**</h3>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](https://skilld.dev/gh/onmax/claude-config/nuxt-seo)

Updated 8 months ago

[<h3>**/shelve**</h3>

/shelve](https://skilld.dev/gh/onmax/claude-config/shelve)

Updated 8 months ago

[<h3>**/todoist**</h3>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](https://skilld.dev/gh/onmax/claude-config/todoist)

Updated 8 months ago

[<h3>**/better-icons**</h3>Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: \`better-icons search \<query>\` to find icons, \`better-icons get \<id>\` to get SVG. Also available as MCP server for AI agents. /better-icons](https://skilld.dev/gh/onmax/claude-config/better-icons)

Updated 8 months ago

[<h3>**/writer**</h3>Iterative writing loop. Gemini 3 Pro writes, Claude Agent SDK reviews autonomously. Use for blog posts, docs, technical content needing quality iteration. /writer](https://skilld.dev/gh/onmax/claude-config/writer)

Updated 8 months ago

[<h3>**/skill-creator**</h3>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](https://skilld.dev/gh/onmax/claude-config/skill-creator)

Updated 8 months ago

## Add to your README

The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme.

`<a href="https://skilld.dev/gh/onmax/claude-config"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/onmax/claude-config?theme=dark"> <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/onmax/claude-config?theme=light"> <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/onmax/claude-config?theme=light"> </picture> </a>`