Reference
Glossary
Definitions of Startbase features, UI/UX terms, frontend and backend concepts, and design patterns.
General concepts
- AI (Artificial Intelligence): The simulation of human intelligence by machines, enabling tasks like learning, reasoning, and problem-solving.
- Prompt: A piece of text that guides the AI in generating outputs. Prompts are how you create, modify, and iterate on your application in Startbase.
- LLM (Large Language Model): An AI model trained on large amounts of text data, capable of generating and understanding natural language.
Startbase-specific terms
- Workspace: Your development environment containing the chat panel, code editor, live preview, and Cloud tab.
- Template: A project starter, either Website (React/Vite) or Mobile App (Expo).
- Live Preview: The real-time view of your running app that updates as code changes.
- Snapshot: A static copy of your app from the last agent run, shown instantly when you open a project while the live preview starts up.
- Agent: The AI system that reads your prompts, generates code, runs builds, and manages your project.
- Credit: The unit of AI usage on Startbase. Each message consumes credits based on how much work the AI does. One credit covers roughly one average build message (250,000 AI tokens of allowance under the hood).
- Startbase Cloud: The managed backend you can attach to any project. Database, auth, storage, secrets, edge functions, payments, emails, jobs, multiplayer, and logs.
- Canvas: The infinite board view of your app, where every page appears as a live frame you can annotate, sketch over, and send to the AI.
- Checkpoint: An automatic save point created as the agent works. Restore any checkpoint from Project history.
- Multiplayer: Realtime rooms for your app, so several users can share live state, presence, and collaboration.
- Publish: Deploy your app to a public *.startbase.app URL or a custom domain.
- Community: The public gallery where builders publish projects for others to browse, like, and fork.
- Prompt Enhancement: Startbase automatically adds project context to your prompts behind the scenes to improve results.
Frontend development
- React: A JavaScript library for building user interfaces, particularly single-page applications.
- Vite: A fast build tool and development server for modern web projects.
- Tailwind CSS: A utility-first CSS framework for building custom designs directly in your markup.
- Expo: A framework for building React Native apps that run on iOS, Android, and the web.
- shadcn/ui: A component library providing accessible, customizable UI components built on Radix.
- Responsive Design: An approach ensuring content adapts across device sizes and orientations.
UI/UX patterns
- CTA (Call to Action): A prompt encouraging users to take a specific action, like "Sign Up" or "Get Started."
- Modal (Dialog): A window that appears over the main content, requiring user attention.
- Toast: A brief, non-intrusive notification that appears temporarily.
- Skeleton Loader: A placeholder UI that mimics the layout while content loads.
- Accordion: A collapsible section that expands or contracts to show or hide content.
- Breadcrumb: A navigational aid showing the user's current location within a hierarchy.
Backend & database
- PostgreSQL: A powerful open-source relational database. The database behind Startbase Cloud.
- RLS (Row-Level Security): Database-level access control that restricts which rows users can see or modify.
- Edge Function: Server-side TypeScript functions deployed close to users for low-latency execution.
- OAuth: An authentication protocol for logging in via third-party services like Google or GitHub.
- API (Application Programming Interface): A way for different services to communicate and exchange data.
- CRUD: The four basic database operations: Create, Read, Update, Delete.
- Token: The low-level unit AI models use to measure text. Credits abstract tokens away; one credit equals 250,000 tokens of allowance, about one average build message.
Design styles & buzzwords
Use these terms in your prompts to guide the visual style of your app:
- Glassmorphism: Translucent, frosted glass-like elements with subtle shadows and blur.
- Neobrutalism: Raw, bold typography, high contrast, and unpolished elements.
- Minimal: Clean, spacious layouts with few decorative elements.
- Cinematic: Dramatic contrast, layered depth, and atmospheric lighting.
- Premium: Sleek surfaces, refined typography, and subtle animations.
- Playful: Rounded shapes, vibrant colors, and friendly typography.