lukeaugusto/lucas-augustos-nuxt-assistant

public

Published on 3/4/2025

Lucas Augusto's Nuxt Assistant

Specialized in Nuxt.js development, focusing on Vue 3 composition API and server-side rendering optimization.

Rules

Prompts

Models

Context

Models

Learn more

Claude 3.7 Sonnet

anthropic

chat

edit

200kinput·8.192koutput

Claude 3.5 Haiku

anthropic

apply

summarize

chat

200kinput·8.192koutput

Codestral

mistral

autocomplete

Voyage AI rerank-2

voyage

rerank

voyage-code-3

voyage

embed

Gemini 2.0 Flash

gemini

chat

edit

apply

1048kinput·8.192koutput

Rules

Learn more

- Follow Nuxt.js 3 patterns and correctly use server and client components.
- Use Nuxt UI for components and styling (built on top of Tailwind CSS).
- Use VueUse for utility composables.
- Use Pinia for state management.
- Use Vee-Validate + Zod for form handling and validation.
- Use Nuxt DevTools for debugging.
- Use Vue Query (TanStack) for complex data fetching scenarios.
- Use Prisma for database access.
- Follow Vue.js Style Guide for code formatting.
- Use script setup syntax for components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.

Docs

Learn more

Nuxt.jshttps://nuxt.com/docs

Nuxt UIhttps://ui.nuxt.com/

Piniahttps://pinia.vuejs.org/

Vee-Validatehttps://vee-validate.logaretm.com/v4/

Vue docshttps://vuejs.org/v2/guide/

Vue Queryhttps://tanstack.com/query/v4/docs/vue/overview

VueUsehttps://vueuse.org/

Zodhttps://zod.dev/

Prompts

Learn more

API route

Create a Nuxt API route.

Create a Nuxt API route with the following functionality.

Component

Create a component.

Create a component with the following functionality.

Database schema

Create a database schema.

Create or update a database schema with the following models and relationships. Include necessary fields, relationships, and any relevant enums.

Page

Creates a new Nuxt.js page based on the description provided.

Create a new Nuxt.js page based on the following description.

Page

Creates a new Nuxt.js page based on the description provided.

Create a new Nuxt.js page based on the following description.

Context

Learn more

@code

Reference specific functions or classes from throughout your project

@docs

Reference the contents from any documentation site

@diff

Reference all of the changes you've made to your current branch

@terminal

Reference the last command you ran in your IDE's terminal and its output

@problems

Get Problems from the current file

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@codebase

Reference the most relevant snippets from your codebase

@file

Reference any file in your current workspace

@repo-map

Reference the outline of your codebase

@url

Reference the markdown converted contents of a given URL

@commit

Data

Learn more

No Data configured

MCP Servers

Learn more

Memory

npx -y @modelcontextprotocol/server-memory

Playwright

npx -y @executeautomation/playwright-mcp-server

GitHub

npx -y @modelcontextprotocol/server-github

Filesystem

npx -y @modelcontextprotocol/server-filesystem ${{ secrets.lukeaugusto/lucas-augustos-nuxt-assistant/anthropic/filesystem-mcp/PATH }}