Streamlines internationalization in Next.js applications with comprehensive translation management, locale switching, and dynamic content localization.

🎯

seo-metadata🎯Skill

Generates comprehensive SEO metadata tags, optimizing web page titles, descriptions, and structured data for improved search engine visibility and ranking.

🎯

component-architecture🎯Skill

Designs scalable frontend architectures with modular, reusable React components, state management patterns, and performance optimization strategies.

🎯

responsive-mobile-first🎯Skill

Generates responsive web design strategies with mobile-first CSS frameworks, media queries, and adaptive layout techniques for cross-device compatibility

🎯

typescript-strict🎯Skill

Generates strict TypeScript configurations and provides linting rules to enforce type safety, reduce runtime errors, and improve code quality.

🎯

tailwind-shadcn🎯Skill

Generates production-ready React components with Tailwind CSS styling and Shadcn UI design system, ensuring rapid and consistent frontend development

🎯

framer-motion-animations🎯Skill

Simplifies creating smooth, interactive React animations with declarative Framer Motion components and advanced choreography techniques

🎯

accessibility-a11y🎯Skill

Automates web accessibility testing, generates WCAG compliance reports, and provides actionable recommendations for improving digital inclusivity.

🎯

stripe-checkout🎯Skill

Streamlines Stripe payment integration by generating secure checkout flows, handling payments, and managing customer transactions programmatically.