trongtindev/tins-nuxt-assistant icon
private
Published on 2/26/2025
Tin's Nuxt Assistant

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

Rules
Prompts
Models
Context
anthropic Claude 3.7 Sonnet model icon

Claude 3.7 Sonnet

anthropic

200kinput·8.192koutput
anthropic Claude 3.5 Haiku model icon

Claude 3.5 Haiku

anthropic

200kinput·8.192koutput
- 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.
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.

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

No Data configured

MCP Servers

Learn more

No MCP Servers configured