Features

[x] 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.
[x] Supported component libraries
[x] Radix Vue
[x] shadcn vue
[x] 🚀 Install the plug-in in the development project to use
[x] 🎁 0 configuration supports front-end developers' favorite hot overload function
[x] 🔨 The same auxiliary development capabilities as Nuxt DevTools.
[x] ☝️ Activate, select, modify, review the code, and write the front end with Guii AI
[x] 🌎 Support any front-end framework, Vue, React, Angular, Svelte, etc.
[x] 📦 Out of the box support of Vite, Webpack, Nuxt, use it with your favorite tool set!
[x] 🔮 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

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

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!