frontend-dev-guidelines
Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling...
Skills matching the name, description or GitHub author.
Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling...
Generate React components following DevPortfolio patterns with automatic scaffolding. Use when asked to create components, generate UI elements, scaffold new features, or create React components. Generates Type...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Use when creating reusable composables, managing reactive state, or implementing the Composition API. Load for useX patterns, Pinia store patterns, withLoadingState helper, lifecycle management, and type-safe s...
React + TypeScript + Vite frontend development specialist. Use when building UI components, pages, forms, API integration, state management, or styling with Tailwind CSS. Triggers on requests for component crea...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Wytyczne UX/UI dla React 19 + Tailwind v4. Design system (OKLCH colors), dostępność (WCAG 2.2, ARIA), responsive design (mobile-first, container queries), animacje (Framer Motion, View Transitions, prefers-redu...
Frontend React 19 + TypeScript 5.7+ + TailwindCSS v4 + shadcn/ui dla Vite SPA. Komponenty, React Query, formularze (RHF + Zod), testowanie (Vitest + RTL + MSW), lazy loading, Suspense, Sonner. Używaj przy tworz...
Sentry error tracking i performance monitoring dla React + Supabase Edge Functions. Aktywuje się przy pracy z błędami, monitoringiem, captureException, error boundary, śledzeniem błędów, diagnostyką, loggerem,...
React performance patterns for this D3+SVG visualization project. Apply when writing React components, hooks, state management, or reviewing code for performance issues.
Patterns frontend Next.js/React/shadcn/ui, complète DEV_AGENT avec best practices frontend
React component patterns, hooks, server components, and composition. Use when building React components or deciding between patterns.
Industry best practices for React and Next.js performance optimization. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on t...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
Refactor high-complexity React components into smaller, testable pieces with clean hooks and predictable data flow.
React + TypeScript development best practices
Performant form management with React Hook Form. Covers form state, validation with Zod, field arrays, form submission, and error handling. Trigger: When building forms, when implementing form validation, when...
Minimalist state management with Zustand - Simple, fast state management for React. Trigger: When implementing global state, when managing client-side state, when creating stores, when using state management in...
Modern React patterns with Server Components, Actions, and hooks. Trigger: When writing React components, when creating JSX files, when implementing hooks, when using Server Components or Actions.
Next.js 15 patterns for App Router, Server Components, streaming, and modern React applications. Trigger: When building Next.js apps, when using App Router, when implementing Server Components, when setting up...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.