HTML & CSS prompts · Programming & development

Prompts to build websites and apps, debug errors, refactor, document and design software architecture with AI.

3 prompts

• Programming & development

  Smooth, accessible CSS animations and micro-interactions

  Design and code CSS animations for buttons, menus, cards or scroll reveals, with a motion spec, 60 fps-friendly performance and a reduced-motion alternative.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• Programming & development

  Fix a CSS layout bug (Flexbox, Grid, overflow and z-index)

  Find out why your CSS does not behave as expected (overflow, elements that will not center, z-index that does nothing) with the root cause explained, how to confirm it in DevTools and the minimal fix.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• Programming & development

  Turn a Figma design into semantic HTML and responsive CSS

  Convert a Figma design description into semantic HTML and mobile-first CSS with design tokens, fluid typography, optimized images and a list of open questions for the designer.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt