diff --git a/skills/nuxt-ui/SKILL.md b/skills/nuxt-ui/SKILL.md index c8b4be4007..e6f8d8c4bb 100644 --- a/skills/nuxt-ui/SKILL.md +++ b/skills/nuxt-ui/SKILL.md @@ -7,6 +7,18 @@ description: Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Vue component library built on [Reka UI](https://reka-ui.com/) + [Tailwind CSS](https://tailwindcss.com/) + [Tailwind Variants](https://www.tailwind-variants.org/). Works with Nuxt, Vue (Vite), Laravel (Inertia), and AdonisJS (Inertia). +## Table of contents + +- [Installation](#installation) +- [Icons](#icons) +- [Theming & Branding](#theming--branding) +- [Composables](#composables) +- [Form validation](#form-validation) +- [Overlays](#overlays) +- [Layouts](#layouts) +- [Templates](#templates) +- [Additional references](#additional-references) + ## Installation ### Nuxt diff --git a/skills/nuxt-ui/references/components.md b/skills/nuxt-ui/references/components.md index cd7cc570f6..ecc5148524 100644 --- a/skills/nuxt-ui/references/components.md +++ b/skills/nuxt-ui/references/components.md @@ -2,6 +2,21 @@ 125+ Vue components powered by Tailwind CSS and Reka UI. For any component's theme slots, read the generated theme file (Nuxt: `.nuxt/ui/.ts`, Vue: `node_modules/.nuxt-ui/ui/.ts`). +## Table of contents + +- [Layout](#layout) +- [Element](#element) +- [Form](#form) +- [Data](#data) +- [Navigation](#navigation) +- [Overlay](#overlay) +- [Page](#page) +- [Dashboard](#dashboard) +- [Chat](#chat) +- [Editor](#editor) +- [Content](#content) +- [Color Mode](#color-mode) + ## Layout Core structural components for organizing your application's layout. diff --git a/skills/nuxt-ui/references/composables.md b/skills/nuxt-ui/references/composables.md index b79fbc1edb..fb88bf27a0 100644 --- a/skills/nuxt-ui/references/composables.md +++ b/skills/nuxt-ui/references/composables.md @@ -1,5 +1,14 @@ # Composables +## Table of contents + +- [useToast](#usetoast) +- [useOverlay](#useoverlay) +- [defineShortcuts](#defineshortcuts) +- [defineLocale / extendLocale](#definelocale--extendlocale) +- [extractShortcuts](#extractshortcuts) +- [Quick reference](#quick-reference) + ## useToast Show notifications. Requires `` wrapper. diff --git a/skills/nuxt-ui/references/layouts/chat.md b/skills/nuxt-ui/references/layouts/chat.md index d6cd047063..0881af3e60 100644 --- a/skills/nuxt-ui/references/layouts/chat.md +++ b/skills/nuxt-ui/references/layouts/chat.md @@ -2,6 +2,16 @@ Build AI chat interfaces with message streams, reasoning, tool calling, and Vercel AI SDK integration. +## Table of contents + +- [Component tree](#component-tree) +- [Setup](#setup) +- [Full page chat](#full-page-chat) +- [Key components](#key-components) +- [Chat in a modal](#chat-in-a-modal) +- [With model selector](#with-model-selector) +- [Conversation sidebar](#conversation-sidebar) + ## Component tree ``` diff --git a/skills/nuxt-ui/references/layouts/dashboard.md b/skills/nuxt-ui/references/layouts/dashboard.md index e7933a2427..6ca4a2f0c2 100644 --- a/skills/nuxt-ui/references/layouts/dashboard.md +++ b/skills/nuxt-ui/references/layouts/dashboard.md @@ -2,6 +2,17 @@ Build admin interfaces with resizable sidebars, multi-panel layouts, and toolbars. +## Table of contents + +- [Component tree](#component-tree) +- [Layout](#layout) +- [Page](#page) +- [Key components](#key-components) +- [Multi-panel (list-detail)](#multi-panel-list-detail) +- [With toolbar](#with-toolbar) +- [With search](#with-search) +- [Right sidebar](#right-sidebar) + ## Component tree ``` diff --git a/skills/nuxt-ui/references/layouts/docs.md b/skills/nuxt-ui/references/layouts/docs.md index 042f33136a..42881c0a3e 100644 --- a/skills/nuxt-ui/references/layouts/docs.md +++ b/skills/nuxt-ui/references/layouts/docs.md @@ -4,6 +4,14 @@ Build documentation sites with sidebar navigation, table of contents, and surrou > Requires `@nuxt/content` module for navigation, search, and TOC. +## Table of contents + +- [Component tree](#component-tree) +- [App shell](#app-shell) +- [Layout](#layout) +- [Page](#page) +- [Key components](#key-components) + ## Component tree ``` diff --git a/skills/nuxt-ui/references/layouts/editor.md b/skills/nuxt-ui/references/layouts/editor.md index aae5d75d7b..76a5164dff 100644 --- a/skills/nuxt-ui/references/layouts/editor.md +++ b/skills/nuxt-ui/references/layouts/editor.md @@ -2,6 +2,15 @@ Build a rich text editor with toolbars, slash commands, mentions, and drag-and-drop. +## Table of contents + +- [Component tree](#component-tree) +- [Page](#page) +- [Key components](#key-components) +- [Toolbar modes](#toolbar-modes) +- [Content types](#content-types) +- [With document sidebar](#with-document-sidebar) + ## Component tree ``` diff --git a/skills/nuxt-ui/references/layouts/page.md b/skills/nuxt-ui/references/layouts/page.md index fac18ae752..45009dbfd3 100644 --- a/skills/nuxt-ui/references/layouts/page.md +++ b/skills/nuxt-ui/references/layouts/page.md @@ -2,6 +2,16 @@ Build public-facing pages — landing, blog, changelog, pricing — using the Header + Main + Footer shell with Page components. +## Table of contents + +- [App shell](#app-shell) +- [Landing page](#landing-page) +- [Blog listing](#blog-listing) +- [Blog article](#blog-article) +- [Changelog](#changelog) +- [Key components](#key-components) +- [Variations](#variations) + ## App shell ```vue [app.vue] diff --git a/skills/nuxt-ui/references/theming.md b/skills/nuxt-ui/references/theming.md index 6f90300171..60995fe774 100644 --- a/skills/nuxt-ui/references/theming.md +++ b/skills/nuxt-ui/references/theming.md @@ -1,5 +1,16 @@ # Theming +## Table of contents + +- [Semantic colors](#semantic-colors) +- [Configuring colors](#configuring-colors) +- [Adding custom colors](#adding-custom-colors) +- [CSS utilities](#css-utilities) +- [Component theme customization](#component-theme-customization) +- [Dark mode](#dark-mode) +- [Fonts](#fonts) +- [Brand customization playbook](#brand-customization-playbook) + ## Semantic colors | Color | Default | Purpose |