Getting Started: Your First Project
I'm a complete beginner. Where should I start after logging into YouWare?
I'm a complete beginner. Where should I start after logging into YouWare?
We recommend heading straight to the “Create” button. You have two main paths:
- Start with a simple prompt: Describe your idea in natural language to the AI and watch it come to life.
- Use a Template: Browse curated project templates and community recommendations to kickstart instantly.
What's the difference between 'Create' and 'Upload' a project?
What's the difference between 'Create' and 'Upload' a project?
- “Create” is for starting fresh, either by prompting the AI or using a YouWare template. Perfect for new ideas and rapid prototyping.
- “Upload” is for importing existing project files (HTML/CSS/JS) to manage, share, or continue developing in YouWare.
What is a 'remix,' and how does it work?
What is a 'remix,' and how does it work?
A “remix” lets you instantly copy another creator’s public project to your own workspace. Think of it as making your own version of someone else’s work—like taking a recipe and adjusting it to your taste.What you get:
- Full, editable copy in your workspace
- Learn from and modify existing work
- Build upon others’ projects safely
- Original project remains unaffected
Creators can manage and share their templates through the Creator Studio.
How can I change my project's name and cover image?
How can I change my project's name and cover image?
You can manage these settings within the project editor. Look for the “Setting” menu, typically located in the top-left corner of the interface. This menu provides options to update the project title and select a new cover image for better organization and presentation.
If I create a project from someone else's template, will I be charged Credits?
If I create a project from someone else's template, will I be charged Credits?
No, creating a project from others’ project is free. Credits are only deducted when you formally input a query and the AI executes a task (i.e., generates or modifies code).You are charged for the computational resources used by the AI Agent, not for simply copying a template. We also offer Credit Rewards for platform participation and task completion.
What file formats are supported for project upload?
What file formats are supported for project upload?
We support a wide range of common document and code formats:Documents:
.doc, .docx, .ppt, .pptx, .txt, .epub, .csvCode: Static web files (.html, .css, .js, etc.)For compressed files, please unzip the archive first and upload the entire project folder.
Core Development & Features
How do I edit content (text, images, components) in my project?
How do I edit content (text, images, components) in my project?
Once YouWare generates your initial project, you have three powerful ways to refine and edit it:
1. Chat with AI (The Conversational Editor)
The most powerful way to refine your project. Simply tell the AI what you want to change using natural language. The AI remembers the context of your entire project and can execute complex changes instantly.Examples:- “Add a dark mode toggle to the header”
- “Make the ‘Submit’ button more prominent and change its color to red”
- “Connect this form to a new database table called UserFeedback”
2. Visual Editing (The No-Code Layer)
For quick style tweaks and content changes. Click any element in the preview (e.g., a button, a text block, an image) and make direct visual adjustments without writing code. Perfect for rapid prototyping and design iterations.3. Code View (The Developer’s Playground)
For deep customization with full access to your project’s complete code:- Browse Your Project Structure: Explore all generated files directly inside the workspace
- Edit & Save Instantly (Subscribers): Make changes to any file with instant preview reflection
- Cleaner, Faster Workflow: The redesigned interface makes development more intuitive
All three methods work seamlessly together, allowing you to choose the approach that best fits your workflow and expertise level.
How do I create a landing page or a specific component?
How do I create a landing page or a specific component?
Just prompt the AI with a clear description of what you need. Be specific!Examples:
- “Create a product landing page for an AI-powered tool, using a clean, modern design.”
- “Add a sticky navigation bar with three links: Home, Features, and Pricing.”
Does YouWare support full-stack development (backend and database)?
Does YouWare support full-stack development (backend and database)?
Current Backend Support
Built-in Backend System: YouWare has its own integrated backend infrastructure. You no longer need to rely solely on external services.Supabase Integration: In addition to our native backend, Supabase remains a supported toolchain option. Connect your Supabase database by providing valid access keys and clearly describing your data goals to the AI.Database Management: You can create and manage databases directly within YouWare:- Creating new databases through simple prompts
- Managing tables and data structures
- Real-time database operations
Deployment
Cloud Deploy: We offer a built-in publishing system to put your project online with one click, making it easy to launch both your website and backend together.Roadmap
- Enhanced backend service capabilities
- More advanced database management features
Can I integrate external APIs or libraries into my project?
Can I integrate external APIs or libraries into my project?
Important Security Note: If you integrate external APIs without using official YouWare MCP tools, there is a risk of API key exposure in your front-end code.
Can I view the code or download it?
Can I view the code or download it?
Yes, code visibility and ownership are core to our professional ethos.Viewing Code: You can inspect the generated code at any time within the editor. Full transparency guaranteed.Downloading Code: This is a YouWare Pro exclusive feature, designed for professional users who need to integrate their work into external development tools or hosting platforms.
To protect community creators, code download is only available for projects you created from scratch (non-Remix projects).
Advanced Workflow & Troubleshooting
How do I write effective prompts to get the best results?
How do I write effective prompts to get the best results?
Think of the AI as a highly skilled, but literal, colleague. The key to great results is to be Clear, Specific, and Contextual.
Golden Rules from Prompt Craft
- Start with the Feeling, Not the Features: Describe the vibe you want (e.g., “cozy, rainy-day bookstore” vs. “three-column layout”)
- Tell a Story: Structure your site like chapters—Hook, Why, Proof, Invitation
- Sculpt, Don’t Command: Treat prompting as a conversation. Refine piece by piece.
- ❌ “Make a landing page for a fitness app”
- ✅ “The vibe should be energetic and motivating, but not intimidating. Think bright colors, bold fonts, and a feeling of momentum.”
Check out the Prompt Craft guide for a complete masterclass on talking to AI like an art director, not a mechanic.
What is the 'TabTab' feature?
What is the 'TabTab' feature?
TabTab is your efficiency booster. While you are typing a prompt, press the Tab key to trigger an AI-powered auto-complete suggestion. It helps you articulate complex commands faster and discover new ways to interact with the tool.
How do I debug or check what went wrong with my project?
How do I debug or check what went wrong with my project?
As a professional tool, we encourage you to use standard web development diagnostics:
- Browser Console (F12): Press F12 to open your browser’s developer console. This is your first line of defense to distinguish between client-side and platform-side errors
-
Error Messages: If the project fails to run, the system will provide a specific error message. Read it carefully and cross-reference with our documentation
What if I get a 500 error or a capacity limit message?
What if I get a 500 error or a capacity limit message?
A 500 error is typically a server-side issue. First, try refreshing the page or starting a new chat session.If the problem persists, please email us immediately at support@youware.com with:
- The project link
- A screenshot of the error message (and the F12 console if possible)
If you hit a capacity limit, it means our servers are temporarily under high load. We’re scaling up rapidly! Please try again in a few minutes.
Backend, Databases & Full-Stack Development
How do I build apps with databases and user authentication?
How do I build apps with databases and user authentication?
YouWare Backend is your all-in-one solution for full-stack development. It provides:
- Database: Store and retrieve data (votes, scores, comments, user profiles)
- User Authentication: Real user login with YouWare accounts
- Edge Functions: Automated server-side logic (calculate rankings, send notifications)
Unlike other platforms that require piecing together multiple services, YouWare Backend is one unified, self-developed solution—database + auth + functions + storage all working together seamlessly.
Can I use Supabase or other external databases?
Can I use Supabase or other external databases?
Yes! YouWare Backend is your default, but you can also connect Supabase by providing valid access keys and describing your data goals to the AI. The YouWare Backend approach requires zero configuration and works instantly—Supabase is available if you prefer external control.
What real-world projects can I build with YouWare Backend?
What real-world projects can I build with YouWare Backend?
- Voting Systems
- Leaderboards
- Comment Threads
- Quiz Platforms
- User Profiles
Build real-time polls where results update instantly. Store vote counts and voter IDs, automatically calculate percentages.
How much does YouWare Backend cost?
How much does YouWare Backend cost?
YouWare Backend uses your regular Credits. The cost depends on your usage:
- Database reads/writes: Small credit cost per operation
- Function executions: Credits deducted when functions run
- Storage: If you store files or large datasets
Integrations & External Services
What are MCP Tools and how do I use them?
What are MCP Tools and how do I use them?
MCP Tools are like apps for your website. Install one, and your project connects to services you already use—ChatGPT, Figma, Notion, GitHub, and more.To add an integration:
- Click the MCP icon in the sidebar
- Browse available tools (YouWare Backend, AI API, Figma, Notion, etc.)
- Enable the tools you want
- Describe what you need in natural language
- “Pull my latest Notion pages and display them here”
- “Convert my Figma design into a live webpage”
- “Connect to ChatGPT for real-time conversations”
How do I integrate AI models into my website (chatbots, image generators)?
How do I integrate AI models into my website (chatbots, image generators)?
Use the AI API tool to give your website access to specialized AI services. This is different from the AI that builds your website—it enables your finished website to perform AI tasks for end users.What you can build:
- Chatbots that answer questions in real-time
- Image generators for users to create custom artwork
- Sentiment analysis tools
- Video creation platforms
- Text summarization tools
- No API key management (we handle it securely)
- Simple pricing in YouWare Credits
- Access to models from OpenAI, Google, Anthropic, and more
The AI API is for your website to call AI models, not for building your website. Use YouWare’s core AI to build the website structure, then use AI API to add smart functionality.
Can I connect my GitHub repository to YouWare?
Can I connect my GitHub repository to YouWare?
Yes! The GitHub Integration allows you to:
- Connect to your GitHub project for automatic backup and history tracking
- Let the AI read your existing code to understand your style and project structure
- Generate code that perfectly matches your existing work
- Enable team collaboration with code reviews and task tracking
What happens if I integrate an external API without using YouWare's secure tools?
What happens if I integrate an external API without using YouWare's secure tools?
Security Risk: API keys exposed in front-end code can be compromised.
AI Models & Optimization
Which AI model should I use for my task?
Which AI model should I use for my task?
YouWare integrates 5 top AI models. Here’s how to choose:
| Task | Recommended Model | Why |
|---|---|---|
| Complex reasoning | OpenAI O3 Pro | Deep thinking for hard problems |
| General tasks | OpenAI GPT-4o | Reliable, versatile workhorse |
| Creative writing | Claude Sonnet 4.5 | Excellent for copywriting and content |
| Technical Q&A | Gemini 2.5 Pro | Structured thinking for precision |
| Budget-conscious | DeepSeek V3 | Cost-effective all-rounder |
| Speed matters | Claude Haiku 3.5 | Ultra-fast, low-cost |
Pro tip: Switch models mid-project. Use a cheap, fast model for drafts, then switch to a powerful model for final quality checks.
How do I switch between AI models?
How do I switch between AI models?
1
Open Model Selector
Click the current model name (bottom-right of input box)
2
Review Options
Hover over each model to see speed, cost, intelligence, and context window
3
Select & Confirm
Click your choice and confirm. Switching takes ~3 seconds.
- Speed & Intelligence ratings (5-panel comparison)
- Cost tier (Low, Standard, Max)
- Context capacity (token limits)
- Feature support (Web Search, MCP, Vision)
What's the difference between image generation models?
What's the difference between image generation models?
| Model | Best For | Quality | Speed | Cost |
|---|---|---|---|---|
| Midjourney | Professional art, diverse styles | High | Medium | Standard |
| GPT-Image-1 | Product visuals, polished designs | High | Medium | Standard |
| Gemini Imagen 4 | Clear text rendering, consistency | High | Medium | Standard |
| Flux AI | Fast turnaround, basic needs | Standard | Fast | Low |
Editing & Creation Tools
What's the fastest way to make small design changes?
What's the fastest way to make small design changes?
Visual Editing is perfect for rapid tweaks. Instead of describing changes to AI:
- Click the Edit button
- Click any element on screen
- Adjust text, colors, spacing visually
- Changes apply instantly
- Instant results (no waiting for AI)
- Minimal credit cost
- Pixel-perfect control
How does Tab Tab Prompt Completion work?
How does Tab Tab Prompt Completion work?
Tab Tab is YouWare’s intelligent autocomplete for your input field:
- Type your prompt and Tab Tab analyzes your input in real-time
- Press Tab to accept AI-suggested completions
- Keep typing if the suggestion isn’t right—it adjusts instantly
- Type faster with smart predictions
- Discover new ways to phrase commands
- Stay in creative flow without pausing
Tab Tab learns from your project context. The more you build, the smarter the suggestions become.
How do I undo or rewind changes to my project?
How do I undo or rewind changes to my project?
Use History to jump back to any previous version:
1
Open History
Click the History icon (clock) in the top toolbar
2
Browse Versions
See your project timeline with descriptions and timestamps
3
Preview
Click any version to preview it instantly
4
Restore
Found the right version? Click Restore this version
Important: Restoring is permanent. All versions after the restored point are lost forever. Preview carefully before restoring.
History doesn’t refund Credits. If you want Credits back, use Credit Care instead.
What is Credit Care and how does it work?
What is Credit Care and how does it work?
Credit Care is your safety net for AI experiments:
- Monthly Credit Restores: Get chances to rewind failed attempts and recover Credits
- Free Plan: 1 restore/month
- Pro Plan: 30 restores/month
- Ultra Plan: 100 restores/month
- Click Rewind to previous version on your commit
- Select Rewind & refund credits
- Credits return instantly to your balance
- History: Rewind project, no Credit refund
- Credit Care: Rewind project AND get Credits back
Zero-cost commits (manual code edits, UI tweaks) don’t count toward your monthly limit—rewind those freely!
How does the Boost feature work?
How does the Boost feature work?
Boost automatically analyzes and optimizes your page with one click. The AI examines:
- Page Structure: Layout and visual hierarchy
- Content Quality: Text clarity and information flow
- User Experience: Interface and interactions
Use Boost when your page feels rough but you’re not sure what needs improvement.
Can I edit code directly in my project?
Can I edit code directly in my project?
Yes! Use Code View to:
- Browse your complete project structure (HTML, CSS, JavaScript, JSON, etc.)
- View code (all users)
- Edit and save instantly (subscribers only)
- See real-time updates in preview
What's the difference between remix and create?
What's the difference between remix and create?
| Create | Remix | |
|---|---|---|
| Starting point | Blank canvas or template | Existing public project |
| Cost | Full credits for new code | Lower credits (reuses structure) |
| Use case | Original ideas | Modify existing work |
| Speed | Longer (building from scratch) | Faster (changing existing design) |
| Can download? | Yes (Pro only) | No (protects original creator) |
Cross-Platform & Sharing
Can I build projects on my phone?
Can I build projects on my phone?
Yes! The YouWare Mobile App lets you:
- Create new projects with voice or text prompts
- Edit code and design (Code View + Visual Editing)
- Get push notifications when tasks complete
- Sync seamlessly with desktop
- Voice input for hands-free creation
- Background task notifications
- Real-time cross-device sync
How do I share and publish my project?
How do I share and publish my project?
Can others remix my project after I share it?
Can others remix my project after I share it?
Tech Stack & Developer Tools
What's the difference between React and HTML modes?
What's the difference between React and HTML modes?
YouWare uses React as the default for 0-1 creation. Here’s why:
Pro tip: Stick with React for most projects—the AI generates better results. Only switch to HTML if you specifically need a minimal static site or have existing HTML code to upload.
Why React by Default?
- Better Results: React’s component architecture helps AI generate more organized, maintainable code
- Modern Stack: Industry-standard framework used by professional developers
- Dynamic Features: State management and interactivity work seamlessly out of the box
- Reusable Components: Easier to iterate and scale your project
When to Use Each Mode
| React Mode (Default) | HTML Mode | |
|---|---|---|
| Best for | Full apps, dashboards, interactive sites | Simple landing pages, static sites |
| AI Performance | Better structure, cleaner code generation | Straightforward, minimal setup |
| Switching | Default for new projects | Type /html_mode to switch |
| Upload | Upload React projects directly | Upload HTML/CSS/JS files |
| Learning curve | Modern framework (AI handles complexity) | Simpler, traditional approach |
Good news: You don’t need to know React to use YouWare! The AI handles all the technical details. Just describe what you want in plain language.
Can I use YouWare with my IDE (VS Code, Cursor)?
Can I use YouWare with my IDE (VS Code, Cursor)?
Yes! Official plugins are available for:
- VS Code
- Cursor (powered by Claude)
- Publish projects to YouWare directly from your editor
- Retrieve shareable project links instantly
- Access YouWare projects without leaving your IDE
What file formats can I upload to YouWare?
What file formats can I upload to YouWare?
Code & Configuration:
.html,.css,.js,.json,.xml,.yml(YAML)- React projects (complete folder structure)
.doc,.docx,.ppt,.pptx,.txt,.epub,.csv
.jpg,.png,.gif,.webp.mp3,.wav(audio files)
- Single file: Up to 100MB on creation page
- Total per project: 500MB storage included
For compressed files, unzip first and upload the complete folder structure.
Planning & Optimization Tools
What is Plan Mode and when should I use it?
What is Plan Mode and when should I use it?
Plan Mode (
/plan) is for organizing ideas before execution. It lets you:- Outline your vision: Describe what you want to build
- Organize steps: Break complex projects into manageable phases
- Get structured planning: The AI helps you think through your approach
- Then build: Once your plan is solid, execute step by step
- Complex multi-step projects (e-commerce sites, dashboards)
- Team collaboration (align on approach before coding)
- Exploratory phases (brainstorm without committing to execution)
Can I stop a generation or task that's running?
Can I stop a generation or task that's running?
Yes! The Stop button lets you:
- Interrupt ongoing generation immediately
- Save time and Credits
- Maintain full control of your workflow
Creator Economy & Growth
How can I earn Credits by sharing projects?
How can I earn Credits by sharing projects?
Credit Rewards let you earn through community participation:
- Share Projects: Earn Credits when others engage with your shared work
- Invite Friends: Receive Credits when people join YouWare through your referral
- Community Engagement: Participate in challenges and events for bonus Credits
- Generating new projects
- Running AI tasks
- Accessing premium features
Every share and invite builds your creator reputation while directly supporting your creative work.
What is the Affiliate Program and how do I join?
What is the Affiliate Program and how do I join?
The Affiliate Program lets creators earn by referring others to YouWare:How it works:
- Share your unique referral link with your audience
- Earn rewards when people sign up through your link
- Track performance in the affiliate dashboard
- Access marketing materials and resources
- Content creators and influencers
- Developers and educators
- Community leaders
- Anyone with an engaged audience
What is Creator Studio and who should use it?
What is Creator Studio and who should use it?
Creator Studio is for creators who want to monetize and analyze their work:What you get:
- Performance Dashboard: View engagement metrics for published projects
- Revenue Tracking: See income generated from your projects
- Analytics: Understand which projects perform best
- Withdrawals: Earn and withdraw revenue directly
- Creators publishing projects to the platform
- Users with publicly shared work
- Contributors to the YouWare ecosystem
What's the Creator Badge and how do I get one?
What's the Creator Badge and how do I get one?
The Creator Badge shows on your profile and project pages. There are two types:
- Founding Creator: For early YouWare community members who helped shape the platform
- Verified Creator: Available as you build reputation and engagement
- Establishes credibility and recognition
- Increases visibility of your projects
- Shows community trust and participation
Account, Billing, and Community
What are the differences between the Free and Pro versions?
What are the differences between the Free and Pro versions?
The Free version provides full access to YouWare’s core functionality—enough for you to explore, learn, and create smaller projects.YouWare Pro is designed for power users and professionals. It unlocks:
- Code Download (for professional workflow integration)
- Larger Storage & Faster Processing
- Exclusive Templates & Project Recommendations
- Priority Technical Support
Can I get a refund?
Can I get a refund?
We offer two options:
- Cancel Auto-Renewal: Go to your Profile → Pro → Manage Subscription to prevent future charges
- Request a Refund: Email your reason and account email to support@youware.com
What if I accidentally delete my project? Can it be recovered?
What if I accidentally delete my project? Can it be recovered?
We urge you to double-check before confirming any deletion. Currently, deleted projects cannot be recovered.
Where can I find help or interact with the YouWare community?
Where can I find help or interact with the YouWare community?
We believe in a vibrant, supportive community. You can find help and connect with others through:
- YouWare Help Center (FAQ & Docs)
- Community Forum: Ask questions, share knowledge, and collaborate
- Direct Support: Contact our customer support team for technical issues