Skip to Content
FeaturesAI Development

AI Development

This project includes AI instructions for popular editors to help you code faster and maintain consistency. The instructions are designed to use the AppBoost framework and components. New components will follow the existing structure.

How to Code 10x Faster with AI

AI coding assistants can dramatically speed up your development by:

  1. Understanding your codebase - AI tools read your existing components and follow your patterns
  2. Generating UI and features - Create screens, components, and features in seconds instead of hours
  3. Refactoring code - Improve existing code while maintaining functionality
  4. Explaining complex logic - Get instant explanations of how code works
  5. Finding bugs - AI can spot issues and suggest fixes before you even run the code

Simply describe what you want to build in plain English, and the AI will generate code using your existing components and patterns. The included instructions ensure all generated code follows AppBoost conventions.

Personal Note: I’ve tested all major AI coding tools, and Claude Code and Cursor are my favorites. They both excel at understanding context and generating high-quality code. For day-to-day development, I primarily use Claude Code - it’s incredibly powerful for complex tasks and understanding entire codebases.

Available Instructions

  • Claude Code: .claude/instructions.md
  • Cursor: .cursor/rules/cursor-rules.mdc
  • GitHub Copilot: .github/copilot-instructions.md
  • Windsurf: Works with Claude instructions

Usage

Based on your editor of choice, the AI will automatically use the provided instructions to generate code that matches AppBoost patterns and components.

Best Practices

When using AI assistance with AppBoost:

  • Always review generated code - Ensure it follows your specific requirements
  • Test components thoroughly - Create a list of tests for the component

Example Prompts

Here are some effective prompts to use with AI assistants:

Add a button below the product details for adding the product to the cart. Use the existing button component
Create a screen for logging in. The screen should have a form with a username and password field. Use the existing input and button components.