Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.

Frontend spec generator (Fast Launch mode). Skip brainstorming, component design, and test spec. Quick wireframes with design trends. Best for rapid prototyping and design testing.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Implement the VM pattern using Effect and Effect-Atom for reactive, testable frontend state management. Use this skill when building React applications with View Models that bridge domain services and UI.

Comprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.

Terminal-style React UI for Claude Agent SDK with keyboard navigation, tool approval, and dark theme

Follow Recovery Coach codebase patterns and conventions. Use when writing new code, components, API routes, or database queries. Activates for general development, code organization, styling, and...

Orchestrator skill for the complete feature development lifecycle. Coordinates 5 phases - task selection, component design, build loop, analytics setup, and commit/documentation. Use when building...

Implementation standards for React/TypeScript/Next.js. Use when writing or reviewing frontend code, especially forms, state, hooks/components, and type safety.

Use when deciding where to catch errors. Use when errors propagate too far or not far enough. Use when designing component/service isolation.

UI/UX visual design, styling, and aesthetic validation

Guide React, Vue, and mobile (iOS/Android/React Native) development with component architecture, state management, and performance optimization patterns.

Apply preferred toolchain and technology stack defaults: pnpm, Next.js, TypeScript, Convex, Vercel, Tailwind, shadcn/ui, Zustand, TanStack, Vitest. Use when setting up new projects, choosing...