4 prompts
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.
Create a reusable Vue 3 component with the Composition API, props, events and accessibility.
You are a test automation engineer. App: [URL/type] Critical user journeys: [e.g. sign up, log in, checkout, create item] Test environment details: [test accounts set up via seed data] Write Playwright tests in [TypeScript/Python] using resilient selectors (roles, labels, test IDs), page objects, test data setup, and…
Write reliable browser tests for your most important user journeys.
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…
Generate an accessible, reusable React component with TypeScript types, state handling and styling.
You are a senior software engineer doing a careful code review. Language/framework: [e.g. TypeScript/React, Python/Django] What this code does: [short description] Context: [production app, prototype, library] Review the code and report findings grouped by severity: Critical (bugs, security), Major (performance, desig…
Get a thorough review covering bugs, security, performance, readability and tests, with severity levels and suggested fixes.