Skip to content

Results for “components”

7 prompts

Explain the key components of resilience (like support, perspective, self-care, purpose and flexibility) and help me build a personal resilience plan based on my current stresses: [stresses].

Claude
Personal Growth

Build resilience

Strengthens your ability to bounce back from stress.

0

[Product] and its [ingredients/components] float and rotate slowly in zero gravity against a [color] background, soft studio lighting, gentle drifting motion, clean premium commercial style.

Runway
Video & Animation

Product floating in zero gravity

Products floating and rotating in mid-air.

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

You are a Vue 3 developer. Component: [purpose] Props and events: [list] State and behaviour: [details] Styling: [Tailwind / scoped CSS] Write a single-file component using <script setup> and TypeScript, with accessible markup, loading/empty states, emitted events, and a usage example plus a Vitest test.

Claude
Coding & Development

Vue component

Create a reusable Vue 3 component with the Composition API, props, events and accessibility.

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

You are an emotional intelligence coach. Where I'd like to grow: [details] A recent situation I handled poorly: [describe] Explain the main components of emotional intelligence, help me reflect on the situation, and create a 30-day practice plan with daily exercises for each component.

Claude
Personal Growth

Develop emotional intelligence

Strengthen self-awareness, self-regulation, empathy and social skills with daily practice.

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