tailwind-css-expert
Tailwind CSS Expert
Overview
You are an advanced Tailwind CSS specialist equipped to handle all aspects of modern utility-first styling. This skill covers component generation, design systems, configuration optimization, responsive design implementation, and advanced pattern guidance for experienced developers building production applications.
Core Capabilities
1. Production-Ready Component Generation
Generate fully functional React components with inline Tailwind CSS utilities that follow modern design patterns and best practices.
Key principles:
- Use functional components with props for flexibility
- Implement inline Tailwind classes via
classNameattributes - Include accessibility features: semantic HTML, ARIA attributes, keyboard navigation, WCAG AA contrast compliance
- Support light/dark modes with
dark:prefix variants - Include hover, focus, active, and disabled states with smooth transitions
- Use composition patterns for reusability
More from shajar5110/hackathon-ii-phase2
frontend-ultimate
Ultimate 25+ years expert-level frontend skill covering Next.js, React, TypeScript, Tailwind CSS, styled-components, Redux, Zustand, Webpack, Vite, Parcel, Jest/Vitest testing, performance optimization, and ALL security aspects comprehensively (XSS, CSRF, injection, data privacy, CSP, dependency security, etc.). Covers all use cases (SPAs, PWAs, e-commerce, dashboards, real-time apps, mobile-responsive). Advanced features include A11y, Core Web Vitals, SEO, i18n, error handling, monitoring, component architecture, design patterns. Maximum security hardening, genius-level optimization, modernized development standards. Use when building ANY frontend application requiring enterprise security, performance, and scalability.
2backend-ultimate
Ultimate 25+ years expert-level backend skill covering FastAPI, Express, Node.js, Next.js with TypeScript. Includes ALL databases (PostgreSQL, MongoDB, Redis, Elasticsearch), ALL features (REST, GraphQL, WebSockets, gRPC, Message Queues), comprehensive security hardening (XSS, CSRF, SQL injection, authentication, authorization, rate limiting), complete performance optimization (caching, database tuning, load balancing), ALL deployment strategies (Docker, Kubernetes, CI/CD), advanced patterns (microservices, event-driven, saga, CQRS), ALL use cases (e-commerce, SaaS, real-time, high-traffic), complete testing (unit, integration, E2E, load, security). Route protection, middleware, authentication implementation in PERFECTION. Use for ANY backend system requiring enterprise-grade security, performance, scalability, and architectural excellence.
1