frontend-design-system
Design and refactor React/Tailwind frontends using the project design system. Use this Skill when working on UI components, pages, layouts, or UX improvements and you want distinctive, accessible, non-generic d...
Skills correspondant au nom, à la description ou à l’auteur GitHub.
Design and refactor React/Tailwind frontends using the project design system. Use this Skill when working on UI components, pages, layouts, or UX improvements and you want distinctive, accessible, non-generic d...
Implements and enforces code quality gates for TypeScript/React projects. Use when setting up Biome/ESLint/TypeScript, configuring pre-commit hooks (Husky), fixing lint errors, or running quality checks. Exampl...
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...
Type-safe APIs with tRPC - End-to-end typesafe APIs without code generation. Covers routers, procedures, context, middleware, and React Query integration. Trigger: When creating tRPC routers, when implementing...
Tailwind CSS patterns for utility-first styling, responsive design, and component composition. Trigger: When styling with Tailwind CSS, when implementing responsive designs, when building UI components, when co...
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new Reac...
Instructions and best practices for creating advanced, award-winning websites in a single HTML file (no React) with focus on immersive UX, premium motion, and high-end aesthetics.
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,...
Automatically sync with GitHub at session start and remind Claude to push/pull changes as it works. Triggers on session start, reactivation, or when working in git repositories.
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...
Expert guide for SolidJS development, covering reactivity, component patterns, and migration from React.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite generation, coverage analysis, E2E testing setup,...
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes archi...
Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns...
Reviews React components and provides improvement suggestions. Use when you need code review, component review, structure improvement, refactoring, or component separation.
Sixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's gla...
Reference for the @pierre/diffs code/file diff rendering library (React, vanilla JS, SSR, worker pool, caching). Use when you need API usage, setup, or configuration details for parsing diffs, rendering files,...
Load when editing .tsx, .jsx files or working in components/, pages/, store/, hooks/. Provides React, TypeScript, Zustand state management, and WebSocket client patterns.
Transform technical article drafts or source materials into human-like, high-quality Japanese technical articles. Use this skill when the user wants to generate, rewrite, or humanize technical articles (especia...
Develop React applications for VS Code Webview surfaces. Use when working on the `webview-ui` package, creating features, components, or hooks for VS Code extensions. Includes project structure, coding guidelin...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.