motion
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and…
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.
$ npx -y skills add onmax/nuxt-skills --skill document-writer --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/document-writerContext preview
The summary Claude sees to decide when to auto-load this skill.
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.
name: document-writer description: 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. license: MIT
Writing guidance for blog posts and documentation following patterns from official Nuxt websites.
**Override**: When writing documentation, maintain proper grammar and complete sentences. The "sacrifice grammar for brevity" rule does NOT apply here.
Documentation must be:
Brevity is still valued, but never at the cost of clarity or correctness.
For component and syntax details, use these skills:
| Skill | Use For | | ---------------- | ----------------------------------------------- | | **nuxt-content** | MDC syntax, prose components, code highlighting | | **nuxt-ui** | Component props, theming, UI patterns |
| Reference | Purpose | | -------------------------------------------------------------------- | ----------------------------------------------- | | **[references/writing-style.md](references/writing-style.md)** | Voice, tone, sentence structure | | **[references/content-patterns.md](references/content-patterns.md)** | Blog frontmatter, structure, component patterns |
**Consider loading these reference files based on your task:**
**DO NOT load all files at once.** Load only what's relevant to your current task.
| Pattern | Example | | ------------- | -------------------------------------------------- | | Subject-first | "The `useFetch` composable handles data fetching." | | Imperative | "Add the following to `nuxt.config.ts`." | | Contextual | "When using authentication, configure..." |
| Verb | Meaning | | -------- | ----------- | | `can` | Optional | | `should` | Recommended | | `must` | Required |
| Need | Component | | ----------------- | --------------------------------- | | Info aside | `::note` | | Suggestion | `::tip` | | Caution | `::warning` | | Required | `::important` | | CTA | `:u-button{to="..." label="..."}` | | Multi-source code | `::code-group` |
> For component props: see **nuxt-ui** skill
1. Load relevant reference file ([writing-style.md](references/writing-style.md) for prose, [content-patterns.md](references/content-patterns.md) for structure) 2. Draft content using active voice and present tense 3. Apply the checklist below to verify quality — if any item fails, revise and re-check 4. Verify callout types match intent (note/tip/warning/important)
# Getting Started with Authentication Nuxt Better Auth provides a simple way to add authentication to your application. Configure the module in your `nuxt.config.ts` to get started. ::note Authentication requires a database connection. See the [database setup](/docs/database) guide for details. :: ## Installation Add the module to your project: ~~~bash [Terminal] pnpm add @nuxtjs/better-auth ~~~ The module auto-imports the `useUserSession` composable. Access the current user session from any component.
Repo: onmax/nuxt-skills
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and…
Build typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC…
Internationalize Nuxt applications with @nuxtjs/i18n. Use when configuring locales or browser detection, translating messages or routes, building locale…
Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions…
Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.
Configure and operate the self-hosted Nuxt Studio editor for Nuxt Content. Use when working with nuxt-studio installation, editor customization, OAuth or…