Curated, professional prompts to get the best out of AI tools. Use them in Cursor, ChatGPT, Claude, or your favorite assistant.

React Component Testing

Ultimate React Component Test Case Generator

Quickly generate robust, production-ready unit and integration test cases for any React component using Jest and React Testing Library.

Prompt Preview

You are an expert Frontend QA Engineer and Senior React Developer. Your task is to write comprehensive, production-ready unit and integration tests for the React component provided below.

### Tech Stack Requirements:
- Testing Framework: Jest
- Rendering & Queries: React Testing Library (@testing-library/react)
- User Events: @testing-library/user-event (preferred over fireEvent)

### Testing Guidelines & Best Practices:
1. **Query Selection**: Prioritize accessible queries (e.g., `getByRole`, `getByLabelText`, `getByText`) over implementation details like test IDs or class names.
2. **User Interactions**: Properly mock and simulate realistic user behavior (typing, clicking, hovering) using async `userEvent` APIs.
3. **Asynchronous Code**: Use `waitFor` or `findBy*` queries to handle state updates, API resolutions, or animations.
4. **Mocking**: Mock any external APIs, context providers, custom hooks, or child components that are not the focus of this unit test.
5. **Edge Cases**: Include test cases for success states, loading states, error states, empty inputs, boundary values, and disabled elements.
6. **Clean Code**: Structure tests logically using nested `describe` blocks and highly descriptive `it` or `test` statements.

### Component Code to Test:
[INSERT YOUR REACT COMPONENT CODE HERE]

Generate the complete test suite file, including all necessary imports, mocks, setup, and teardown steps.

View full details

React
Jest
React Testing Library
Unit Testing
QA Automation
Frontend Development

Social Media Marketing

Instagram Story Promotion Architect

Develop high-converting, multi-slide Instagram Story campaigns designed to drive engagement, clicks, and sales through strategic storytelling and interactive elements.

Prompt Preview

Act as a professional Social Media Marketing Strategist and Copywriter. Your task is to design a comprehensive 5-slide Instagram Story promotion sequence for [Product/Service Name]. 

Context:
- Objective: [Objective, e.g., Flash Sale, Lead Generation, Brand Awareness]
- Target Audience: [Describe Audience]
- Brand Tone: [Tone, e.g., Minimalist, Energetic, Luxury]
- Key Benefit: [Primary Value Proposition]

Please provide a storyboard including:
1. Visual Direction: Description of the imagery or video style (e.g., UGC, motion graphics, lifestyle photography).
2. Primary Copy: High-impact headlines and supporting text for each slide.
3. Interactive Elements: Suggest specific Instagram stickers (Polls, Quizzes, Sliders, or Link Stickers) to boost engagement.
4. Narrative Flow: Ensure the sequence follows a 'Hook, Value, Proof, Urgency, CTA' structure.
5. Call to Action (CTA): Compelling directions for the user to take the next step.

Deliver the response in a structured slide-by-slide format optimized for visual content creators.

View full details

Instagram
Social Media
Marketing
Copywriting
Promotion
Engagement

Personal Branding

Professional Custom LinkedIn Banner Generator for High Impact

Elevate your professional brand with a custom-designed LinkedIn banner that captures your expertise, industry authority, and unique personality to instantly differentiate your profile.

Prompt Preview

Act as a high-end graphic designer specializing in personal branding. Create a detailed visual description for an AI image generator to design a LinkedIn banner with a 4:1 aspect ratio. Theme: [Insert Industry, e.g., Fintech, Marketing, Data Science]. Visual Style: [Insert Style, e.g., Minimalist, High-Tech, Organic, Abstract]. Elements: Incorporate high-quality textures, professional color palettes including [Insert Primary Colors], and symbolic representations of [Insert Key Skills/Expertise]. The layout must ensure the bottom-left area remains visually clean to accommodate the circular profile picture overlay without obscuring critical design elements. Focus on cinematic lighting, depth of field, and a sleek, modern aesthetic that communicates authority, innovation, and trustworthiness. Ensure the design is professional, high-resolution, and free of any text.

View full details

LinkedIn
Personal Branding
Banner Design
AI Prompt
Profile Optimization
Career Growth
Graphic Design

Instagram Ad Creation

High-Conversion Instagram Product Ad Generator

A professional framework to generate visually stunning, high-engagement Instagram advertisement images tailored for any product niche and brand aesthetic.

Prompt Preview

Act as a professional commercial photographer and digital artist. Create a high-resolution, photorealistic advertisement image for [INSERT PRODUCT NAME]. The composition must be optimized for an Instagram portrait aspect ratio (4:5). Product Details: [DESCRIBE PRODUCT FEATURES]. Visual Style: [E.G., MINIMALIST, LUXURY, VIBRANT, NEON, OR LIFESTYLE]. Setting: [E.G., A SLEEK MODERN KITCHEN, A PREMIUM MARBLE PEDESTAL, OR AN ACTION OUTDOOR SHOT]. Lighting: [E.G., SOFT CINEMATIC LIGHTING WITH RIM HIGHLIGHTS OR BRIGHT NATURAL DAYLIGHT]. Color Palette: [E.G., MONOCHROMATIC, COMPLEMENTARY BOLD COLORS]. Ensure the product is the central focus with ultra-sharp textures, realistic reflections, and professional-grade color grading. The image should evoke a sense of [EMOTION, E.G., DESIRE, TRUST, OR ENERGY]. No text or watermarks in the image.

View full details

AI Art
Instagram Marketing
Product Photography
Midjourney Prompt
Digital Advertising
Social Media Design
E-commerce

YouTube Channel Strategy

AI-Powered YouTube Channel Launch Blueprint

A comprehensive, step-by-step roadmap for aspiring creators to build, automate, and scale a YouTube channel using the latest AI tools and workflows.

Prompt Preview

Act as an expert YouTube strategist and AI automation consultant. Your task is to generate a detailed 30-day roadmap for launching a successful YouTube channel using primarily AI-driven tools. The roadmap must be divided into four distinct phases: 1. Niche & Branding (Days 1-7): Explain how to use AI to identify high-CPM niches, generate a brand name, and design visual assets like logos and banners using Midjourney or DALL-E. 2. Content Planning & Scripting (Days 8-14): Detail a process for using LLMs to perform keyword research, identify trending topics, and write high-retention scripts. 3. Automated Production (Days 15-24): Provide a workflow for generating high-quality voiceovers (e.g., ElevenLabs), creating video visuals (e.g., HeyGen, InVideo, or Runway), and automating the editing process. 4. Optimization & Scaling (Days 25-30): Outline an AI-led SEO strategy using tools like VidIQ or TubeBuddy for titles, descriptions, and tags, plus a system for AI-generated thumbnails and cross-platform promotion. For each phase, include specific tool recommendations, prompt examples for those tools, and a daily checklist to ensure execution consistency.

View full details

YouTube
AI Tools
Content Creation
Automation
Roadmap
Video Marketing
ChatGPT
Digital Strategy

Architectural Career Mapping

2026 Java Backend Elite Architect Roadmap Generator

Craft a high-level strategic learning path to transition from a Senior Java Developer to a 2026-ready Elite Backend Architect.

Prompt Preview

Structure the roadmap into the following phases:
1. **Advanced Java & JVM Internals**: Focus on Project Loom (Virtual Threads), Project Panama, GraalVM native images, and performance tuning for high-throughput systems.
2. **Modern Architectural Patterns**: Deep dive into Event-Driven Architecture (EDA), Hexagonal/Clean Architecture, and Reactive Programming using Spring Boot 4.x or Quarkus ecosystems.
3. **Distributed Systems at Scale**: Strategies for consistency (Saga patterns, 2PC), distributed caching, and global-scale database sharding strategies.
4. **Cloud-Native & Infrastructure**: Mastery of Kubernetes operators, Service Mesh (Istio/Linkerd), and FinOps for cloud cost optimization in AWS/Azure/GCP.
5. **AI-Driven Backend Engineering**: Integration of LLMs into backend services, utilizing vector databases (Pinecone/Milvus), and building AI-augmented APIs with LangChain4j.
6. **The Architect's Soft Power**: System design documentation (ADRs), technical leadership, stakeholder management, and mentoring frameworks.

For each phase, provide:
- Specific sub-topics to master.
- Key tools and frameworks (relevant for 2026 standards).
- A hands-on 'Architectural Challenge' project to prove competence.
- Recommended metrics for self-assessment.

Ensure the tone is professional, authoritative, and forward-looking. Emphasize resilience, scalability, and security-first design.

View full details

Java
Backend
Architect
Roadmap
Software Engineering
Career Development
2026 Trends

Passport photo using AI

Professional AI Passport Photo Standardizer

Transform casual portraits into high-resolution, government-compliant passport photos with automated background normalization and biometric alignment.

Prompt Preview

Act as a professional biometric imaging specialist and photo editor. Your task is to convert the provided portrait into a standard 2x2 inch (51x51mm) passport photo that meets international travel document requirements. 1. Background: Replace the current background with a solid, seamless, matte white or off-white background, ensuring all shadows behind the subject are removed. 2. Lighting: Evenly distribute lighting across the face to eliminate harsh shadows, hotspots, or red-eye effects; ensure skin tones are natural and well-exposed. 3. Composition: Center the head within the frame. The head height (measured from the top of the hair to the bottom of the chin) should occupy 50% to 70% of the total image height. 4. Facial Alignment: Ensure the subject is facing the camera directly with a neutral expression, eyes open and visible, and mouth closed. 5. Image Quality: Upscale the image to 300 DPI resolution, ensuring sharp focus on the eyes and facial features without over-sharpening. 6. Post-Processing: Remove any distracting elements or non-biometric artifacts while maintaining the authentic appearance of the subject.

View full details

AI
passport photo
ai studio

Code Generation

Ultimate React & Tailwind Reusable Button Architect

Generate a production-ready, accessible, and highly flexible React button component with multiple variants, sizes, and state handling using Tailwind CSS and TypeScript.

Prompt Preview

Act as a Senior Frontend Architect. Your task is to build a highly reusable, robust 'Button' component using React, TypeScript, and Tailwind CSS. Follow these strict requirements: 1) Styling Architecture: Use 'tailwind-merge' and 'clsx' (or 'class-variance-authority') to manage complex conditional classes efficiently. 2) Variants: Include styles for Primary, Secondary, Outline, Ghost, and Destructive. 3) Sizes: Support Sm, Md, Lg, and Icon-only versions. 4) Features: Implement a loading state with a customizable SVG spinner, disabled state handling, and support for left/right icons. 5) Polymorphism: Ensure the component can be rendered as a 'button' or an 'a' (anchor) tag using an 'asChild' pattern or an 'as' prop. 6) Accessibility: Include proper ARIA attributes, focus ring styles for keyboard navigation, and high-contrast considerations. 7) Code Quality: Provide clean, commented TypeScript interfaces for all props and ensure the component follows modern React best practices (React.forwardRef). Output the complete source code for 'Button.tsx' and include an example of how to implement it in a parent component.

View full details

React Component
Reusable
Button

wallpaper

Photorealistic portrait of a stylish zebra

A photorealistic portrait of a stylish zebra

Prompt Preview

A photorealistic portrait of a stylish zebra facing towards the right against a solid bright lime green background. The zebra is wearing a vibrant, high-gloss neon green puffer jacket with a visible metal zipper and matching round green-tinted sunglasses.

View full details

wallpaper
animal
zebra

E-commerce Brand Visuals

Hyper-realisitc Brand Product in Capsule

Prompt Preview

A hyper-realistic product photograph of a large pill capsule in a 3:4 aspect ratio. The top half of the capsule is a glossy solid red featuring the Adidas logo, while the bottom half is completely transparent. Inside the clear lower half, there is a cluster of miniature sneakers. The image features a perfectly centered composition against a clean white background, illuminated by soft studio lighting with high contrast. Modern, stylish, and incredibly detailed.

View full details

Product Design
3D Rendering
Hyper-realism
Capsule
Branding
Mockup
Commercial Art
Midjourney

You've reached the end of the line.

AI Prompts for Developers

You are an expert Frontend QA Engineer and Senior React Developer. Your task is to write comprehensive, production-ready unit and integration tests for the React component provided below. ### Tech Stack Requirements: - Testing Framework: Jest - Rendering & Queries: React Testing Library (@testing-library/react) - User Events: @testing-library/user-event (preferred over fireEvent) ### Testing Guidelines & Best Practices: 1. **Query Selection**: Prioritize accessible queries (e.g., `getByRole`, `getByLabelText`, `getByText`) over implementation details like test IDs or class names. 2. **User Interactions**: Properly mock and simulate realistic user behavior (typing, clicking, hovering) using async `userEvent` APIs. 3. **Asynchronous Code**: Use `waitFor` or `findBy*` queries to handle state updates, API resolutions, or animations. 4. **Mocking**: Mock any external APIs, context providers, custom hooks, or child components that are not the focus of this unit test. 5. **Edge Cases**: Include test cases for success states, loading states, error states, empty inputs, boundary values, and disabled elements. 6. **Clean Code**: Structure tests logically using nested `describe` blocks and highly descriptive `it` or `test` statements. ### Component Code to Test: [INSERT YOUR REACT COMPONENT CODE HERE] Generate the complete test suite file, including all necessary imports, mocks, setup, and teardown steps.

Act as a professional Social Media Marketing Strategist and Copywriter. Your task is to design a comprehensive 5-slide Instagram Story promotion sequence for [Product/Service Name]. Context: - Objective: [Objective, e.g., Flash Sale, Lead Generation, Brand Awareness] - Target Audience: [Describe Audience] - Brand Tone: [Tone, e.g., Minimalist, Energetic, Luxury] - Key Benefit: [Primary Value Proposition] Please provide a storyboard including: 1. Visual Direction: Description of the imagery or video style (e.g., UGC, motion graphics, lifestyle photography). 2. Primary Copy: High-impact headlines and supporting text for each slide. 3. Interactive Elements: Suggest specific Instagram stickers (Polls, Quizzes, Sliders, or Link Stickers) to boost engagement. 4. Narrative Flow: Ensure the sequence follows a 'Hook, Value, Proof, Urgency, CTA' structure. 5. Call to Action (CTA): Compelling directions for the user to take the next step. Deliver the response in a structured slide-by-slide format optimized for visual content creators.

Act as a high-end graphic designer specializing in personal branding. Create a detailed visual description for an AI image generator to design a LinkedIn banner with a 4:1 aspect ratio. Theme: [Insert Industry, e.g., Fintech, Marketing, Data Science]. Visual Style: [Insert Style, e.g., Minimalist, High-Tech, Organic, Abstract]. Elements: Incorporate high-quality textures, professional color palettes including [Insert Primary Colors], and symbolic representations of [Insert Key Skills/Expertise]. The layout must ensure the bottom-left area remains visually clean to accommodate the circular profile picture overlay without obscuring critical design elements. Focus on cinematic lighting, depth of field, and a sleek, modern aesthetic that communicates authority, innovation, and trustworthiness. Ensure the design is professional, high-resolution, and free of any text.

Act as a professional commercial photographer and digital artist. Create a high-resolution, photorealistic advertisement image for [INSERT PRODUCT NAME]. The composition must be optimized for an Instagram portrait aspect ratio (4:5). Product Details: [DESCRIBE PRODUCT FEATURES]. Visual Style: [E.G., MINIMALIST, LUXURY, VIBRANT, NEON, OR LIFESTYLE]. Setting: [E.G., A SLEEK MODERN KITCHEN, A PREMIUM MARBLE PEDESTAL, OR AN ACTION OUTDOOR SHOT]. Lighting: [E.G., SOFT CINEMATIC LIGHTING WITH RIM HIGHLIGHTS OR BRIGHT NATURAL DAYLIGHT]. Color Palette: [E.G., MONOCHROMATIC, COMPLEMENTARY BOLD COLORS]. Ensure the product is the central focus with ultra-sharp textures, realistic reflections, and professional-grade color grading. The image should evoke a sense of [EMOTION, E.G., DESIRE, TRUST, OR ENERGY]. No text or watermarks in the image.

Act as an expert YouTube strategist and AI automation consultant. Your task is to generate a detailed 30-day roadmap for launching a successful YouTube channel using primarily AI-driven tools. The roadmap must be divided into four distinct phases: 1. Niche & Branding (Days 1-7): Explain how to use AI to identify high-CPM niches, generate a brand name, and design visual assets like logos and banners using Midjourney or DALL-E. 2. Content Planning & Scripting (Days 8-14): Detail a process for using LLMs to perform keyword research, identify trending topics, and write high-retention scripts. 3. Automated Production (Days 15-24): Provide a workflow for generating high-quality voiceovers (e.g., ElevenLabs), creating video visuals (e.g., HeyGen, InVideo, or Runway), and automating the editing process. 4. Optimization & Scaling (Days 25-30): Outline an AI-led SEO strategy using tools like VidIQ or TubeBuddy for titles, descriptions, and tags, plus a system for AI-generated thumbnails and cross-platform promotion. For each phase, include specific tool recommendations, prompt examples for those tools, and a daily checklist to ensure execution consistency.

Act as a Senior Principal Engineer and Technical Career Strategist. Your task is to generate a comprehensive, multi-phase '2026 Java Backend Elite Architect Roadmap'. This roadmap must be tailored for a developer aiming to master the technologies and paradigms that will dominate the industry by 2026. Structure the roadmap into the following phases: 1. **Advanced Java & JVM Internals**: Focus on Project Loom (Virtual Threads), Project Panama, GraalVM native images, and performance tuning for high-throughput systems. 2. **Modern Architectural Patterns**: Deep dive into Event-Driven Architecture (EDA), Hexagonal/Clean Architecture, and Reactive Programming using Spring Boot 4.x or Quarkus ecosystems. 3. **Distributed Systems at Scale**: Strategies for consistency (Saga patterns, 2PC), distributed caching, and global-scale database sharding strategies. 4. **Cloud-Native & Infrastructure**: Mastery of Kubernetes operators, Service Mesh (Istio/Linkerd), and FinOps for cloud cost optimization in AWS/Azure/GCP. 5. **AI-Driven Backend Engineering**: Integration of LLMs into backend services, utilizing vector databases (Pinecone/Milvus), and building AI-augmented APIs with LangChain4j. 6. **The Architect's Soft Power**: System design documentation (ADRs), technical leadership, stakeholder management, and mentoring frameworks. For each phase, provide: - Specific sub-topics to master. - Key tools and frameworks (relevant for 2026 standards). - A hands-on 'Architectural Challenge' project to prove competence. - Recommended metrics for self-assessment. Ensure the tone is professional, authoritative, and forward-looking. Emphasize resilience, scalability, and security-first design.

Act as a professional biometric imaging specialist and photo editor. Your task is to convert the provided portrait into a standard 2x2 inch (51x51mm) passport photo that meets international travel document requirements. 1. Background: Replace the current background with a solid, seamless, matte white or off-white background, ensuring all shadows behind the subject are removed. 2. Lighting: Evenly distribute lighting across the face to eliminate harsh shadows, hotspots, or red-eye effects; ensure skin tones are natural and well-exposed. 3. Composition: Center the head within the frame. The head height (measured from the top of the hair to the bottom of the chin) should occupy 50% to 70% of the total image height. 4. Facial Alignment: Ensure the subject is facing the camera directly with a neutral expression, eyes open and visible, and mouth closed. 5. Image Quality: Upscale the image to 300 DPI resolution, ensuring sharp focus on the eyes and facial features without over-sharpening. 6. Post-Processing: Remove any distracting elements or non-biometric artifacts while maintaining the authentic appearance of the subject.

Act as a Senior Frontend Architect. Your task is to build a highly reusable, robust 'Button' component using React, TypeScript, and Tailwind CSS. Follow these strict requirements: 1) Styling Architecture: Use 'tailwind-merge' and 'clsx' (or 'class-variance-authority') to manage complex conditional classes efficiently. 2) Variants: Include styles for Primary, Secondary, Outline, Ghost, and Destructive. 3) Sizes: Support Sm, Md, Lg, and Icon-only versions. 4) Features: Implement a loading state with a customizable SVG spinner, disabled state handling, and support for left/right icons. 5) Polymorphism: Ensure the component can be rendered as a 'button' or an 'a' (anchor) tag using an 'asChild' pattern or an 'as' prop. 6) Accessibility: Include proper ARIA attributes, focus ring styles for keyboard navigation, and high-contrast considerations. 7) Code Quality: Provide clean, commented TypeScript interfaces for all props and ensure the component follows modern React best practices (React.forwardRef). Output the complete source code for 'Button.tsx' and include an example of how to implement it in a parent component.

A photorealistic portrait of a stylish zebra facing towards the right against a solid bright lime green background. The zebra is wearing a vibrant, high-gloss neon green puffer jacket with a visible metal zipper and matching round green-tinted sunglasses.

A hyper-realistic product photograph of a large pill capsule in a 3:4 aspect ratio. The top half of the capsule is a glossy solid red featuring the Adidas logo, while the bottom half is completely transparent. Inside the clear lower half, there is a cluster of miniature sneakers. The image features a perfectly centered composition against a clean white background, illuminated by soft studio lighting with high contrast. Modern, stylish, and incredibly detailed.