@guiiai/nuxt

Guii.AI DevTools

How does it look like in action? | Official site

Join Discord Server

Features

• The business always wants to use a stable component library. We support adapting components, existing project architecture and ready-made code in the written code.
• Supported component libraries
• Radix Vue
• shadcn vue
• 🚀 Install the plug-in in the development project to use
• 🎁 0 configuration supports front-end developers' favorite hot overload function
• 🔨 The same auxiliary development capabilities as Nuxt DevTools.
• ☝️ Activate, select, modify, review the code, and write the front end with Guii AI
• 🌎 Support any front-end framework, Vue, React, Angular, Svelte, etc.
• 📦 Out of the box support of Vite, Webpack, Nuxt, use it with your favorite tool set!
• 🔮 Multi-mode, describe your expectations with pictures and Figma, and even sketches (🥵 working on it)

How to install

• Use your favorite npm, pnpm, yarn to install Guii.AI DevTools into your project.

npm install @guiiai/nuxt -D

• Configure Nuxt modules:

export default defineNuxtConfig({
  modules: [
    '@guiiai/nuxt',
  ]
})

How to use

• Start the project, open the browser, and find the Guii.AI DevTools floating window.
• Activate the small mouse.
• Select the element.
• Modify the code through natural language instructions.
• 💥 You're all set to write frontend codes with LLM and Guii AI!