Skip to content

Results for “react”

15 prompts

Write a React custom hook called [useSomething] that [purpose, e.g. fetches data with caching / debounces input / tracks window size]. Use TypeScript, handle cleanup and errors, and include usage examples and tests.

ChatGPT
Coding & Development

React custom hook

A reusable custom hook with clean state management.

0

My [framework] app has these needs: [describe shared state, server data, forms]. Recommend a state management approach (e.g. built-in state, Context, Zustand, Redux Toolkit, React Query), explain why, and show the setup with one example feature.

ChatGPT
Coding & Development

State management setup

Chooses and sets up state management for a frontend app.

0

Review this React component for accessibility issues: semantic elements, labels, keyboard navigation, focus management, ARIA usage, color contrast notes and screen reader announcements. Return a fixed version with comments. Component: [paste code]

ChatGPT
Coding & Development

Web accessibility fixes in React

Fixes common accessibility problems in React components.

0

Write a 30-second UGC-style video script for [product] aimed at [audience]. Make it feel like a real person talking to the camera: a relatable problem hook, quick discovery moment, 3 benefits shown in use, honest-sounding reaction and a soft call to action. Include shot directions.

ChatGPT
Social Media

UGC video script for a product

Authentic user-generated style script for TikTok or Reels ads.

0

Give me 20 TikTok video ideas for a [niche] account targeting [audience]. Mix formats: tutorials, POV, myth-busting, day-in-the-life, green screen reactions, before/after and storytime. For each, give a 1-line hook, the format, and why it could get shared or saved.

ChatGPT
Social Media

TikTok video ideas for your niche

A batch of trend-aware TikTok concepts tailored to your niche.

0

Role-play as [historical figure] in the year [year]. Answer my questions in character, staying historically accurate and mentioning real events, people and attitudes of the time. If I ask about something they couldn't know, react in character. After the conversation, step out of character and list what was factual and…

Claude
Education & Learning

Interactive history role-play

Interview a historical figure to learn about their era.

0

You are a tech lead planning an upgrade. Current and target versions: [e.g. React 17 → 19, Python 3.8 → 3.12, Laravel 9 → 11] Codebase size and test coverage: [details] Key dependencies: [list] Create: breaking changes to check (verify against official upgrade guides), dependency compatibility plan, step-by-step upgra…

Claude
Coding & Development

Framework upgrade migration plan

Plan a safe upgrade between major versions of a framework or language.

0

Act as a senior Next.js developer. Next.js version and router: [e.g. 15, App Router] Page: [purpose] Data source: [API/database] Styling: [Tailwind / CSS modules] Write the page using server components where appropriate, a client component for interactivity, loading and error UI, metadata for SEO, caching/revalidation…

ChatGPT
Coding & Development

Next.js page with data fetching

Build a Next.js page or route with data fetching, loading and error states and SEO metadata.

0

Rewrite these passages to show rather than tell. Passages: [paste, e.g. 'She was nervous.', 'The house was old and creepy.'] For each: give 2 rewritten versions using action, sensory detail, dialogue or internal reaction, and explain the technique. Keep the original meaning and genre tone: [genre].

ChatGPT
Writing & Copywriting

Show, don't tell rewrite

Turn flat, telling sentences into vivid scenes that let readers feel the emotion.

0

You are a supportive coach (not a therapist). What triggers my anger: [situations] What I usually do: [reaction] What I'd like to do instead: [goal] Teach me: early warning signs, in-the-moment calming techniques, how to take a break respectfully, how to express anger constructively, and a reflection exercise afterwar…

Claude
Personal Growth

Manage anger in the moment

Calm down when you feel angry and respond in a way you won't regret.

0

Act as a senior mobile developer. Framework: [React Native with Expo / Flutter] Screen: [e.g. login, product list, profile, settings] Features: [list] Data: [static / API endpoint] Design style: [minimal, iOS-like, Material] Write the screen with: - Clean component structure - Loading, error and empty states - Form va…

ChatGPT
Coding & Development

Mobile app screen in React Native or Flutter

Generate a polished mobile screen with navigation, state and platform-friendly UI.

0

You are a senior React developer. Component: [name and purpose] Props: [list with types] Behaviour: [interactions, states, loading/error/empty] Styling: [Tailwind / CSS modules / styled-components] Data: [static / fetched from API endpoint] Write a functional component in TypeScript that: - Is accessible (semantic HTM…

Claude
Coding & Development

React component with props and state

Generate an accessible, reusable React component with TypeScript types, state handling and styling.

0