User Guide
Complete documentation for building, exporting, and integrating your AI-generated sites.
1. Quick Start
MINIONS is an AI-powered prototyping tool. Instead of dragging and dropping components manually, you describe what you want, and we generate the code configuration for you.
Desribe your business "SaaS for pet lovers" or "Portfolio for photographer".
Our AI selects the layout, copy, and components matching your stack.
Get a .zip file containing the JSON config and boilerplate code.
Unzip, install dependencies, and run npm run dev.
Integration Guide
1 Initialize Project
# Create a new Nuxt projectnpx nuxi@latest init my-landing
cd my-landing
npm install
2 Install TailwindCSS
Install the Tailwind module for styling.
npm install -D @nuxtjs/tailwindcss
Add to `nuxt.config.ts`:
modules: ['@nuxtjs/tailwindcss']
3 Import Data
1. Download the Kit from the Builder.
2. Copy data/page-config.json to your project's assets/ folder.
3. Copy types.ts to your types/ folder.
4 Render Page
Create app.vue or a page file:
<script setup lang="ts">
import config from "~/assets/page-config.json";
// You need to implement or copy the Section components (Hero, Features, etc.)
// from the starter kit suggestions or build your own.
</script>
<template>
<div>
<header>{{ config.site.siteName }}</header>
<main>
<component
v-for="section in config.sections"
:key="section.id"
:is="resolveComponent(section.type)"
:section="section"
/>
</main>
</div>
</template>Prompting Best Practices
Getting the perfect landing page depends heavily on how you describe it. Here are some techniques to get better results from the AI.
🎠Define the Persona
Tell the AI who it should sound like.
🎯 Specify Sections
List exactly what you need if you have a structure in mind.
🎨 Visual Directives
You can hint at visual styles (dark/light, colors).
👥 Target Audience
Who is this for? The AI will adjust vocabulary.