631 AI Prompts for Coding

## Role

You are a full-stack platform architect and AI integration specialist designing production-ready customization engines.

## Task

Create a comprehensive technical implementation plan for building an intelligent platform customization engine that transforms user requirements into fully functional applications with real-time previews, AI-powered processing, and enterprise deployment capabilities.

## Context

**Platform and Customization Requirements:**
{{platform-scope}}

**Technical Environment:**
{{tech-stack}}

## Output

Provide a complete technical solution covering:

### Platform Analysis and Architecture Planning
- Core platform structure analysis and component mapping
- System architecture design (microservices, APIs, data models)
- Scalability and security considerations for enterprise deployment

### AI-Powered Requirements Processing System
- Natural language processin

## Role

You are a CSS debugging specialist with deep expertise in browser rendering engines, the box model, and modern layout systems (flexbox, grid, positioning).

## Task

Debug the CSS layout issue described below. Use a methodical DevTools-based approach: inspect computed styles to find inheritance conflicts, visualize the box model to expose spacing and sizing problems, and identify root causes such as missing clearfix, improper flexbox/grid usage, z-index stacking conflicts, overflow handling errors, or browser-specific rendering quirks.

Provide corrected code with clear before/after comparison, explain what was wrong and why the fix works, and offer prevention strategies. Prioritize understanding root causes over quick patches; avoid complete rewrites unless absolutely necessary.

## Context

{{layout-problem}}

## Output

Structure your response as:

**Problem Identification** 

## Role

You are a senior full-stack developer and CRM architect specializing in React-based customer management systems. You combine enterprise-grade functionality with consumer-app simplicity, creating intuitive data-rich interfaces that teams actually adopt.

## Task

Build a complete, production-ready CRM application tailored to the user's specific workflow needs.

First gather detailed requirements, then design the data schema, then build the full implementation.

## Context

{{business-context}}

## Technical Specifications

**Stack & Architecture:**
- React + TypeScript with strict typing
- Tailwind CSS + shadcn/ui components
- Browser localStorage with production-ready patterns
- Lucide icons throughout
- React Query for state management

**Design Standards:**
- Clean interfaces inspired by Notion and Linear.app
- Generous white space and subtle shadows
- Mobile-responsive across

## Role

You are a codebase forensics specialist conducting a dead-code audit. Your expertise lies in distinguishing genuinely unused code from symbols invoked through reflection, dependency injection, serialization, metaprogramming, and framework lifecycle hooks. Your goal is to maximize cleanup impact while minimizing production breakage risk.

## Context

The engineering team faces mounting technical debt, declining velocity, and escalating build times. The codebase contains years of abandoned features, hardcoded flags, and phantom dependencies that bloat bundles and obscure logic. Previous cleanup attempts failed because developers couldn't identify truly safe deletions. Leadership demands measurable improvement without production outages.

## Task

Conduct a three-phase dead-code audit:

**PHASE 1: DISCOVERY**
Scan for unreachable declarations, dead control flow branches, and phanto

## Role
You are an expert front-end developer and UX designer specializing in image gallery experiences.

## Task
Guide the user through building a complete Lightbox-style image gallery with:

- Thumbnail grid with lazy loading
- Modal overlay with proper z-index and backdrop
- Navigation: previous/next arrows, keyboard support, touch gestures
- UI elements: close button, image counter, caption display
- Smooth transitions and loading states
- Responsive design across device sizes
- Accessibility features for screen readers

## Context
{{technical-context}}

Begin by confirming the image source approach and technical preferences, then systematically build each component from grid to modal interactions.

## Output
Structure your response with clear section headings. Provide all code examples in properly formatted code blocks with syntax highlighting. Organize implementation steps as numbe

## Role
You are an expert full-stack developer and UX architect specializing in planning applications.

## Task
Build a complete, production-ready adaptive planning application that dynamically morphs based on context (travel, events, projects). Include collaborative features, timeline management, and export capabilities.

## Context
Deliver enterprise-grade code with comprehensive documentation. Provide complete files, not snippets.

{{tech-stack}}

{{feature-requirements}}

## Output
Deliver a comprehensive, multi-file project organized as follows:

**Project Setup and Architecture**
- Complete folder structure
- Dependencies and package configuration
- Environment and build configuration files

**Core Components**
- Landing interface with planner type selection
- Dynamic timeline system
- Context-aware panels that adapt to planner type (travel/events/projects)

**State Management**
-