Creating Projects

Writing Effective Prompts

Writing Effective Prompts Good Prompt Structure Include these elements: 1. What type of app (landing page, dashboard, mobile app) 2. Main features or sections 3. Style and colors 4. Target audience or industry Examples Good Prompt Create a modern landing page for a coffee shop called Bean Brew with a hero section featuring a large coffee image, menu section with prices, about us section with the team, and a contact form. Use warm brown and cream colors. Bad Prompt Make me a website. Tips Be Specific Instead of: Add a section Say: Add a testimonials section with 3 customer reviews in a card layout Mention Style Modern, minimal, professional, playful, corporate, creative Include Colors Use brand colors like blue and white, or describe the mood like warm earth tones Describe Layout Hero section at top, three-column feature grid, sticky header Common Mistakes - Too vague (make it better) - Contradictory requests - Too many changes at once - Not specifying what to keep

Using Templates

Using Templates Overview Start from pre-built templates instead of from scratch. Available Templates - Landing Pages - Dashboards - E-commerce - Portfolios - Blogs - SaaS apps How to Use 1. Go to vulk.dev 2. Browse templates 3. Click Use Template 4. Customize with your content 5. Deploy when ready Customizing Templates After selecting a template: - Change colors and fonts - Update text content - Add or remove sections - Modify layouts Just describe what you want to change in the chat. Benefits - Faster than starting from scratch - Professional designs - Best practices built-in - Fully customizable

Import from Figma

Import from Figma Overview Convert Figma designs into working code with VULK. Requirements - Pro or Business plan - Figma file URL or share link How to Import 1. In Figma, click Share and copy the link 2. In VULK, click Import from Figma 3. Paste your Figma link 4. Select frames to import 5. VULK generates code from your design What Gets Imported - Layout and structure - Colors and typography - Images and icons - Spacing and sizing Limitations - Complex animations may not import - Some effects need manual adjustment - Interactive components need manual code Tips - Use simple, clean Figma designs - Name layers clearly - Use auto-layout for better results - Keep designs responsive-friendly

Creating Mobile Apps

Creating Mobile Apps Frameworks Available React Native (Expo) - Cross-platform (iOS + Android) - JavaScript/TypeScript - Large ecosystem Flutter - Cross-platform (iOS + Android + Web) - Dart language - Material Design built-in How to Create Specify mobile in your prompt: - Create a React Native fitness app with workout tracking - Build a Flutter e-commerce app with cart and checkout Preview Mobile apps preview in the browser using: - Expo Snack (React Native) - Zapp (Flutter) Building for Stores To publish to App Store or Play Store: 1. Export code 2. Set up developer accounts 3. Build with Expo or Flutter CLI 4. Submit to stores Limitations - Native device features may need manual code - Store submission requires developer accounts - Some native APIs not fully supported

Creating Apps with Backend

Creating Apps with Backend Overview VULK can generate full-stack apps with database and API. Automatic Backend When you mention these keywords, VULK adds backend: - login / users / authentication - database / store data - dashboard / admin panel - orders / products / inventory What Gets Created Database (Cloudflare D1) - SQL tables for your data - Seed data for testing API (Cloudflare Workers) - REST endpoints for CRUD - Authentication if needed - Runs on global edge network Example Prompts - Create a task manager with user login and task database - Build a car dealership dashboard with inventory management - Create an e-commerce site with products and orders Managing Data Use the Backend tab in VULK to: - View database tables - Add/edit/delete records - Test API endpoints Limitations - Complex queries may need manual SQL - Large databases may need optimization - Real-time features (websockets) not automatic