easytech3d

Use when the user asks about "analytics", "PostHog", "Mixpanel", "Google Analytics", "event tracking", "conversion funnel", "A/B testing", "feature flag", "LaunchDarkly", "Statsig", "user segmentation", "metrics", "KPI", "tracking plan", "product analytics", "experiment", or needs analytics, experimentation, and feature flag knowledge.

This skill should be used when the user asks about "Express", "Fastify", "REST API", "GraphQL", "API routes", "middleware", "JWT", "OAuth", "authentication", "authorization", "API design", "rate limiting", "validation", "Zod schema", "tRPC", "API error handling", "CORS setup", "backend architecture", or needs backend/API development knowledge.

Use when the user asks about "GDPR", "CCPA", "cookie consent", "privacy policy", "terms of service", "data retention", "data deletion", "right to be forgotten", "DPA", "SOC 2", "HIPAA", "accessibility compliance", "ADA", "EAA", "audit log", "data processing", "consent management", or needs legal compliance, privacy, and data protection knowledge.

This skill should be used when the user asks about "Redux", "Redux Toolkit", "RTK Query", "createSlice", "createAsyncThunk", "configureStore", "entityAdapter", "SWR", "useSWR", "SWR mutation", "localStorage", "sessionStorage", "IndexedDB", "browser storage", "cookies (client-side)", "Dexie", "state persistence", "cache normalization", "migrating from Redux", "migrating to TanStack Query", or needs to choose between data-fetching and state management libraries.

This skill should be used when the user asks about "nginx", "Caddy", "web server config", "SPA routing", "try_files", "reverse proxy", "GitHub Actions", "GitLab CI", "CI/CD pipeline", "deployment pipeline", "Netlify", "Cloudflare Pages", "GitHub Pages", "PM2", "process manager", "Docker multi-stage", "Docker compose production", "zero-downtime deployment", "blue-green", "rolling deployment", "health check endpoint", "CDN config", "cache headers", "gzip", "Brotli", "TLS", "SSL certificate", "Let's Encrypt", or needs frontend infrastructure knowledge beyond Next.js-specific deployment. For Next.js-specific deployment (next.config.js, output standalone, ISR, env var loading), see the nextjs skill.

This skill should be used when the user asks about "AWS", "GCP", "Azure", "cloud", "Terraform", "Kubernetes", "K8s", "Docker compose", "monitoring", "Sentry", "Datadog", "logging", "infrastructure", "load balancer", "auto-scaling", "secrets management", "environment variables", "cloud architecture", or needs DevOps and infrastructure knowledge.

Use when the user asks about "API documentation", "OpenAPI", "Swagger", "technical writing", "changelog", "Storybook", "Mintlify", "Nextra", "README", "ADR", "architecture decision", "doc site", "API reference", "JSDoc", "TypeDoc", "documentation site", or needs documentation strategy and tooling knowledge.

Use when the user asks about "email", "Resend", "SendGrid", "transactional email", "React Email", "email template", "notification system", "drip campaign", "email deliverability", "SMTP", "webhook email", "in-app notification", "push notification", "email queue", or needs email sending, notification system, and email template knowledge.

This skill should be used when the user asks about "Figma", "Figma MCP", "design from Figma", "extract from Figma", "Figma to code", "create in Figma", "Figma tokens", "Figma components", "read Figma design", "push to Figma", "Figma plugin", "design handoff", "Figma variables", "Figma auto-layout", "Figma styles", "Figma annotations", "join channel", "talk to Figma", or needs to interact with Figma files through the MCP server.

This skill should be used when the user asks about "HTML semantics", "CSS architecture", "JavaScript patterns", "TypeScript types", "web accessibility", "web performance", "frontend testing", "responsive design", "browser APIs", "CSS Grid", "Flexbox", "Tailwind patterns", or needs fundamental frontend development knowledge that is not React or Next.js specific.

This skill should be used when the user asks about "code review", "pull request", "PR review", "git workflow", "branching strategy", "git flow", "trunk-based", "conventional commits", "merge conflict", "git rebase", "cherry-pick", "git bisect", "monorepo", "commit message", "PR template", or needs git workflow and code review knowledge.

Use when the user asks about "webhook", "third-party API", "OAuth app", "Zapier", "n8n", "CRM integration", "HubSpot", "Slack bot", "Discord bot", "API integration", "idempotency", "retry strategy", "rate limit client", "queue", "BullMQ", "background job", or needs third-party integration, webhook, and background job knowledge.

Patterns and gotchas for extracting and maintaining workspace packages in this pnpm/tsup monorepo — package boundary design, dts emission, Tailwind v4 cross-package CSS, and the strict-mode / library-typing interactions that surface when primitives ship from a published package.

This skill should be used when the user asks about "Next.js", "App Router", "Server Components", "Server Actions", "generateMetadata", "generateStaticParams", "ISR", "SSR", "SSG", "Next.js routing", "Next.js middleware", "Next.js caching", "revalidatePath", "revalidateTag", "next/image", "next/font", "next/link", "next.config", "Vercel deployment", or needs Next.js-specific development knowledge.

Use when the user asks to "build an app", "start a project", "plan a feature", "what skills do I need", "help me build", "full-stack", "SaaS", "end-to-end", "project setup", "architecture plan", "tech stack", "which skill", "how do I start", "scaffold project", "new product", "build from scratch", or needs guidance on which skills to combine for a multi-step task.

Use when the user asks about "Stripe", "payments", "subscription", "billing", "checkout", "pricing model", "webhook payment", "invoice", "metered billing", "refund", "payment intent", "Stripe Elements", "pricing page", "free trial", "PCI compliance", "revenue", "SaaS billing", or needs payment processing and billing system knowledge.

Use when the user asks about "user story", "acceptance criteria", "PRD", "product requirements", "roadmap", "sprint planning", "estimation", "prioritization", "RICE", "MoSCoW", "MVP", "agile", "scrum", "kanban", "backlog", "retrospective", "stakeholder", or needs product management and agile methodology knowledge.

This skill should be used for any React work — components, JSX/TSX, hooks (useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer, custom hooks), props, state, render guards, conditional rendering, early-return refactors, hook extraction, RTK Query (useQuery / useMutation / skipToken), redux toolkit, client/server components, React Server Components, Suspense, error boundaries, React Hook Form, React Testing Library, performance, or compound/render-prop/polymorphic component patterns.

This skill should be used when the user asks about "WebSockets", "socket.io", "Socket.IO", "Server-Sent Events", "SSE", "EventSource", "long polling", "real-time updates", "live data", "Web Workers", "SharedWorker", "Comlink", "transferable objects", "off-main-thread", "Service Worker", "offline support", "push notifications", "background sync", "precaching", "Workbox", "PWA", "Progressive Web App", or needs to choose between real-time transport strategies or background processing patterns.

This skill should be used when the user asks about "security", "OWASP", "XSS", "SQL injection", "CSRF", "CORS", "CSP", "Content Security Policy", "input sanitization", "rate limiting", "helmet", "security headers", "authentication security", "password hashing", "bcrypt", "vulnerability", "penetration testing", "security audit", or needs web security knowledge.

This skill should be used when the user asks about "SEO", "search engine optimization", "meta tags", "structured data", "sitemap", "robots.txt", "Core Web Vitals", "page speed", "Open Graph", "canonical URL", "SEO audit", "schema markup", "indexing", "JSON-LD", "generateMetadata", or needs SEO knowledge for web applications, especially Next.js.

This skill should be used when the user asks about "Playwright", "Cypress", "E2E test", "end-to-end", "unit test", "integration test", "test strategy", "mocking", "MSW", "test coverage", "Vitest", "Jest", "test fixtures", "snapshot testing", "TDD", "testing pyramid", or needs testing strategy and implementation knowledge.

This skill should be used when the user asks to "design a UI", "create a component", "build a page", "review the design", "improve the UX", "create a design system", "choose colors", "pick fonts", "make it responsive", "fix accessibility", "critique this design", or mentions UI/UX design, layouts, typography, color palettes, components, dashboards, landing pages, or frontend aesthetics.