Create distinctive, production-grade frontend interfaces, components, and widgets for the Clue Symptom Tracker. Use for `web-app` UI work in Next.js, React, TypeScript, and Tailwind when designing or refining cards, forms, pickers, chat surfaces, and compact health-tracking widgets for chronic illness users. Enforce Podia-inspired warmth, energy-conscious interaction design, and polished stateful component behavior.
This skill guides creation of distinctive, production-grade frontend interfaces for Clue. The design language is Podia-inspired: warm, approachable, and energy-conscious for users with chronic illness and brain fog.
Primary implementation target: web-app using Next.js, React, TypeScript, and Tailwind. Do not assume React Native or NativeWind unless the task explicitly asks for it.
web-app, some “conversion UI” components (e.g. ValuePropScreen) are tightly coupled to onboarding agent output types and are rendered from the “summary” step after Q3.src/components/...) or a clearly named neutral folder like src/agent-ui/... rather than src/backend/... to avoid misleading boundaries.// Primary Colors