Core package of Guii.AI's LLM powered pair-programming DevTools for frontend developers aim to be simple, joyful, and full of love.
npm install @guiiai/core

Guii.AI DevTools
How does it look like in action? | Official site
- [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)
1. Use your favorite npm, pnpm, yarn to install Guii.AI DevTools into your project.
``shell`
npm install @guiiai/core -D
1. Add it to plugins:
`javascript
import { DevTools } from '@guiijs/core'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
DevTools()
]
})
``

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