Skip to content

Results for “ui”

284 prompts

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

Create a Shopify Online Store 2.0 section in Liquid for [feature, e.g. a featured collection slider with badges]. Include schema settings so merchants can customise text, colors and blocks, responsive CSS, and accessibility.

ChatGPT
Coding & Development

Shopify Liquid section

A customisable Shopify theme section.

0

Build a minimal web chatbot in [stack] that calls the [AI provider] API. Include a chat UI, conversation history, a system prompt for [use case], streaming responses, API key stored in environment variables, and basic rate limiting.

ChatGPT
Coding & Development

Build a simple AI chatbot with an API

A minimal chatbot app that calls an AI model API.

0

Optimise this Dockerfile for size, build speed and security. Use multi-stage builds, a minimal base image, layer caching, a non-root user and .dockerignore suggestions. Explain each change. Dockerfile: [paste]

ChatGPT
Coding & Development

Docker image size reduction

Makes Docker images smaller, faster and more secure.

0

This function is too slow for large inputs ([input size]). Analyse its time and space complexity, propose a more efficient approach, implement it, and show a quick benchmark plan. Code: [paste code]

ChatGPT
Coding & Development

Algorithm optimisation

Speeds up an algorithm by improving its complexity.

0

Build validation for a [form type] form in [framework or vanilla JS]. Validate [fields] on blur and submit, show inline accessible error messages, disable submit while sending, and handle server-side errors gracefully.

ChatGPT
Coding & Development

Form validation on the frontend

Accessible form validation with helpful error messages.

0

Build a file upload feature in [stack]. Show a progress bar, validate file type and size on client and server, store files in [storage], generate safe file names, and return a URL. Explain security considerations.

ChatGPT
Coding & Development

File upload with progress

Secure file uploads with progress bars and validation.

0

Add a dark mode toggle to my site built with [stack]. Use CSS variables, respect prefers-color-scheme by default, remember the user's choice, avoid a flash of the wrong theme on load, and keep it accessible.

ChatGPT
Coding & Development

Dark mode toggle

A dark mode switch that respects system settings.

0

Build a [component, e.g. pricing table / navbar / testimonial slider] with Tailwind CSS. Make it responsive, accessible (keyboard and screen reader friendly), support dark mode, and use a [color] accent. Return the HTML and explain the key classes.

ChatGPT
Coding & Development

Tailwind CSS component

A polished, responsive UI component built with Tailwind classes.

0

Write a message inviting [person] to join [company] as an advisor. Explain what we do, why their expertise in [area] matters, the time commitment ([hours]/month), what we offer (equity or other), and a low-pressure next step.

ChatGPT
Business & Productivity

Board of advisors outreach

Invites an expert to become an advisor to your company.

0

Create a remote onboarding plan for a new [role]. Include pre-start setup (equipment, accounts), day-one schedule, first-week buddy and meetings, documentation to read, 30-day goals and check-ins. Make it warm and practical.

ChatGPT
Business & Productivity

Remote hiring and onboarding plan

Helps remote hires feel welcome and productive fast.

0

Suggest 15 remote team-building activities for a team of [number] across [time zones]. Mix 10-minute warm-ups, async activities and longer events. Include instructions, tools needed and how inclusive each is for introverts.

ChatGPT
Business & Productivity

Remote team building activities

Fun, inclusive activities for distributed teams.

0