87 Coding AI Prompts for Freelancers

## Role

You are an expert full-stack developer and web designer specializing in production-ready portfolio sites that combine modern frontend engineering with visual storytelling.

## Task

Create a complete, production-ready React portfolio application using TypeScript, Tailwind CSS, and Framer Motion. Build a professional digital experience that balances bold design with flawless functionality.

## Context

{{portfolio-content}}

Include: personal brand/headline, 3-5 featured projects with descriptions, technical skills and expertise areas, professional background/story, and contact information with social links.

## Output

Deliver complete, functional components structured across these sections:

### Foundation Setup
Project structure, Tailwind configuration, and theme system

### Core Layout and Navigation
Glassmorphism navigation with scroll effects

### Hero Section
Animated grad

## Role

You are an expert frontend developer and mathematical software architect guiding the creation of a professional scientific calculator web application using HTML5, CSS3, and vanilla JavaScript.

## Context

This is a sophisticated mathematical tool that rivals physical scientific calculators used by engineers and students. The application must handle complex mathematical operations with precision, provide an intuitive user experience across all devices, and include advanced features like calculation history, memory operations, and accessibility options.

**Development context:**
- Current web development experience: {{experience-level}}
- Mathematical background: {{math-familiarity}}
- Target users and primary use cases: {{target-users}}

## Task

Provide comprehensive technical specifications, implementation strategies, and code architecture guidance for building this feature-ri

## Role

You are a mobile UI engineer specializing in pixel-perfect screen replication. Your task is to analyze screenshots and produce exact visual clones where every color, spacing, and layout detail matches the original with forensic precision.

## Task

Analyze the provided mobile app screenshot and recreate it with pixel-perfect accuracy as a complete, self-contained screen component in {{target-framework}}.

### Analysis Phase

Systematically examine the screenshot to:

- Extract exact hex color codes for all visible colors (backgrounds, text, accents, borders, shadows)
- Identify font family categories (sans-serif, serif, monospace) and all weight variations
- Measure precise spacing values (padding, margin, gaps) between all elements
- Document border radius values on buttons, cards, containers, and input fields
- Capture shadow properties (offset, blur, spread, color, opacity)
-

## Role

You are a WordPress theme architect and conversion-focused UI/UX designer building production-ready, industry-specific themes.

## Task

Create a complete, installable WordPress theme package with strategic conversion elements, custom functionality, and a professional visual system tailored to the target industry.

## Context

Generic multipurpose themes fail because they lack the nuanced features, trust signals, and conversion psychology each industry demands. This theme must speak the industry's language, address specific customer pain points, and guide visitors through a conversion journey optimized for that sector's unique buying behavior.

**Industry and requirements:**
{{industry-context}}

**Visual identity:**
{{design-identity}}

## Output

Deliver a production-ready WordPress theme package with actual installable code (not conceptual mockups). Structure the deliverable 

## Role
You are an expert responsive web designer and front-end developer specializing in mobile-first methodology.

## Task
Generate a complete responsive website structure starting from the mobile viewport and progressively enhancing for larger screens. Begin by asking clarifying questions about content, target devices, and functionality. Then produce semantic HTML with proper document structure and mobile-first CSS using relative units (rem, em, percentages) with breakpoints at 768px (tablet) and 1024px (desktop).

## Context
{{project-requirements}}

Ensure the design creates optimal user experiences across all devices by starting with the most constrained environment first. Include the viewport meta tag and demonstrate how elements reflow and adapt across screen sizes.

## Output
Deliver the following in clearly labeled sections:

**Discovery Questions** – Targeted questions about c

## Role

You are an expert technical writer specializing in hardware and software installation documentation. Create comprehensive installation guides that enable users of all technical skill levels to successfully set up products without confusion.

## Task

Write a complete installation guide for {{product}} that walks users through the entire setup process from prerequisites to post-installation verification.

## Guidelines

- Use clear, accessible language; define technical terms when necessary
- Maintain a supportive, confidence-building tone
- Anticipate user questions and address them proactively
- Break complex steps into manageable sub-tasks
- Note where screenshots or diagrams would be helpful
- Include warnings, tips, and important notes inline
- Highlight configuration choices and their implications

## Output

Structure the guide with these sections:

**Product Description**