nextjs-game-components
Build interactive React components for the quiz game UI using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Use when creating game lobby, question display, scoreboard, player standings, and game result...
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Build interactive React components for the quiz game UI using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Use when creating game lobby, question display, scoreboard, player standings, and game result...
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid gen...
Expert-level JavaScript and React development. Use when asked to (1) write JavaScript code requiring advanced patterns like closures, proxies, generators, or async iterators, (2) build React applications with h...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avo...
React and frontend development patterns. Use when working with React components, hooks, state management, or frontend architecture.
Design React components following Tetris architecture guidelines. Use when creating new components, refactoring components, optimizing performance, or improving component structure. Auto-triggers on phrases lik...
Analyzes existing project structure and design system, then provides contextually relevant UI/UX design options with visual descriptions. Helps users choose layouts, color schemes, component patterns, and inter...
Use when building SvelteKit apps with Svelte 5. Covers runes, SSR, forms, and stack patterns (Kysely, Better Auth, shadcn-svelte).
Use when building loading states, progress indicators, success confirmations, or error messages. Covers feedback loops and patterns that feel satisfying.
Build checkout and payment experiences using Primer's web components. Use this skill when implementing payment flows, checkout pages, card forms, or integrating Primer SDK into React, Next.js, or vanilla JavaSc...
A conceptual skill for integrating Better Auth with Next.js App Router
UI component patterns for TSH Clients Console (Next.js, shadcn/ui, RTL). Use when: (1) Creating new React components (2) Building pages with proper structure (3) Implementing loading skeletons (4) Adding respon...
Create Next.js data table pages with SSR initial load, SWR caching, and server-response-based UI updates. Use when asked to create a new data table page, entity management page, CRUD table, or admin list view....
Generate BIM Verdi UI components and pages following the established design system. Use when building templates, components, or any frontend for bimverdi.no. Enforces enterprise-calm aesthetics and avoids gener...
Create a new React component following project conventions. Use when creating components, UI elements, or reusable modules.
包含 Ant Design (Antd) 所有核心组件的官方文档索引及最佳实践。用于查询组件 API、Props 定义及最新特性。
包含 Ant Design Pro Components (ProComponents) 的组件列表、适用场景及官方文档链接。用于辅助代码生成和参数查询。
Use when building or refactoring React/Next.js UI components, creating responsive layouts with Tailwind CSS, designing with shadcn/ui or Chakra UI, converting Figma designs to code, building Docusaurus document...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Patterns for building Next.js API routes in TaxHelper. Use when creating or modifying /api/ routes, adding authentication, validation, rate limiting, or error handling.
Skills for working with Angular Material v20 (@angular/material: "~20.0.0") UI component library in Angular applications.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Design and build reusable, composable UI components with clear interfaces, proper state management, and single responsibility. Use this skill when creating or modifying React components, Vue components, Svelte...
Build mobile-first, responsive layouts with fluid grids, standard breakpoints, relative units, and touch-friendly design. Use this skill when creating or modifying layouts that need to work across different scr...
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é.