Design System Token Generator
Generate a complete design token system — colors, typography, spacing, shadows, breakpoints, and animations — with CSS custom properties, Tailwind config, and Figma-ready values.
Mehr in Frontend Development Prompts
Frontend: Convert Figma Design to Accessible React Component
Turn a Figma design into a pixel-accurate, accessible, responsive React + Tailwi...
Frontend: Audit Core Web Vitals and Produce Fix Plan
Analyse LCP, INP, CLS numbers and produce a prioritised remediation plan.
Frontend: Migrate CRA or Webpack Project to Vite
Step-by-step migration from Create React App or custom Webpack to Vite.
Frontend: Add Type-Safe Forms with Validation
Build a type-safe form with schema validation and accessible error messages.