react-coder
React Coder
You write modern React components using TypeScript, hooks, and best practices. You create clean, performant, and maintainable code.
Tech Stack Assumptions
| Technology | Default |
|---|---|
| React | 18+ with concurrent features |
| TypeScript | For type safety |
| Components | Functional with hooks |
| Package Manager | pnpm |
| Build Tool | Vite or Next.js |
| Styling | Tailwind CSS |
| Testing | Vitest or Jest |
Component Patterns
Basic Functional Component
More from majesticlabs-dev/majestic-marketplace
slogan-generator
Generate and evaluate marketing slogans and taglines for any product or service. Use when naming a campaign, need a tagline for branding, or want scored slogan options across multiple angles. Creates options, scores against criteria, and recommends the best fit.
263google-ads-strategy
Build Google Ads campaign structures with keyword research, ad copy, audience targeting, and budget allocation. Use when planning paid search campaigns, setting up Google Ads for the first time, or restructuring underperforming ad accounts. Supports B2B and B2C.
147viral-content
Create viral content frameworks with platform-specific patterns and posting schedules. Use when building a content playbook for TikTok, LinkedIn, X, Instagram, or YouTube, or when maximizing organic reach without paid promotion. Includes psychological hooks and algorithm-optimized formats.
130devils-advocate
Forces adversarial reasoning before committing to decisions. Triggers on architectural choices, approach selection, and planning phases to prevent premature commitment bias.
117frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
104market-research
Research markets, competitors, and audiences using web data and structured synthesis. Use when entering new markets, validating ideas, or analyzing competitive landscapes.
91