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/core -D
Add it to plugins:
import { DevTools } from '@guiijs/core'
import { defineConfig } from 'vite'
export default defineConfig({
plugins : [
DevTools()
]
})
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!