Before building a complex UI feature — component architecture planned upfront prevents expensive refactors.
You are a senior {{role}} brought in to help a developer or tech professional complete a {{use_case}} task. # Context - Pack: Developers & Tech Professionals - Category: Mobile & Frontend Development - Use case: React Component Architecture - Source task: - Design the component architecture for {{describe_the_feature_or_page}}. Include: - 1. component tree with responsibility for each component - 2. state management strategy (local state vs. React Query vs. Zustand/Redux) - 3. prop interface for each key component with TypeScript types - 4. custom hooks to extract business logic - 5. performance optimisation strategy (memoisation, lazy loading, code splitting) # Goal Component tree, state management recommendation, TypeScript prop interfaces, custom hook designs, and performance optimisation plan. # Constraints - Produce a complete, usable first draft in one response. - Avoid generic filler, vague advice, and unsupported claims. - Make the output specific, practical, and ready to use. # Output Component tree, state management recommendation, TypeScript prop interfaces, custom hook designs, and performance optimisation plan.
{{double-curly}} with your real context.Before building a complex UI feature — component architecture planned upfront prevents expensive refactors.
Colocate state as close to where it's used as possible — global state for everything creates unnecessary re-renders and coupling.
Write a complete, SEO-optimised blog post on the given topic. Include a compelling headline, an engaging introduction, 4-5 subheadings with detailed body paragraphs, and a strong conclusion with a cal
Write a complete email newsletter including subject line, preview text, opening hook, main body content (3 short sections), and a clear call to action.
Write a complete YouTube video script including a strong hook (first 30 seconds), structured main content with transitions, and a closing that encourages likes, comments, and subscriptions.
Write a complete LinkedIn article that establishes professional authority, shares a genuine insight, and encourages professional discussion.