coding · Cursor · free
Scaffold a production grade React component: [COMPONENT NAME] . Purpose: [WHAT IT DISPLAYS / WHAT USER ACTION IT ENABLES] Data it needs: [PROPS / API SHAPE] States to support: loading, empty, error, success, and any custom [LIST] Deliver a single file with: Named export, forwarded ref, displayName set Props interface with JSDoc on non obvious fields Loading + error + empty branches as visible JSX (not silent nulls) Accessibility: correct roles, labels, keyboard focus order aria live on async state changes One useCallback/useMemo only where measurably needed — no cargo cult Zero any, zero useEffect for derived state A Storybook ready docs block at the bottom Framework: [Next 15 / Vite / RN]. Style system: [Tailwind / CSS Modules / vanilla]. No inline styles.
#react #scaffolding #components