full-stack
0
frontend-design
Crear componentes React con TailwindCSS siguiendo los patrones del proyecto. Usar cuando se pida crear páginas, componentes UI, o modificar el diseño frontend.
Gochiri
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
full-stack
0
create-react-query-hook
Cria hooks React Query (queries e mutations) seguindo os padrões Bewear com invalidação de cache e integração com Server Actions.
keidsondesigner
development
full-stack
0
tanstack-types
This skill should be used when the user asks about "type-safe React Query", "queryOptions typing", "Zod validation", "TypeScript with TanStack Query", "generic useQuery", "DataTag", "infer query types", or needs guidance on type safety patterns, runtime validation, and TypeScript best practices for TanStack Query.
salmanrrana
development
full-stack
0
managing-server-vs-client-boundaries
Teaches when to use Server Components vs Client Components in React 19, including the 'use client' directive and boundary patterns. Use when architecting components, choosing component types, or working with Server Components.
djankies
development
full-stack
0
supporting-custom-elements
Teaches Web Components (Custom Elements) support in React 19, including property vs attribute handling and custom events. Use when integrating Web Components or working with custom HTML elements.
djankies
development
full-stack
0
component-layer
This skill should be used when the user asks to 'create a component', 'add a button', 'build a card', 'add UI element', or 'create a feature component'. Provides guidance for React components using shadcn/ui, Radix primitives, and CVA patterns in components/**/*.tsx.
sun33t
development
full-stack
0
nextjs-server-components
Next.js App Router Server Components, Client Components, layouts, data fetching, and Server Actions. Use when working with Next.js app directory, component boundaries, or data fetching patterns.
jovermier
development
full-stack
0
frontend-dev
Next.js 14 + TypeScript + Tailwind CSS 프론트엔드 개발. 컴포넌트 생성, 페이지 추가, 스타일링, Three.js 3D 작업. "컴포넌트 만들어줘", "페이지 추가", "UI 수정", "3D 뷰어" 요청 시 사용.
rlarbsgks87-bot
development
full-stack
0
preact
Builds fast, lightweight React-compatible applications with Preact's 3KB library and optional Signals for fine-grained reactivity. Use when optimizing bundle size, migrating from React, or when user mentions Preact, preact/compat, or lightweight React alternative.
mgd34msu
development
full-stack
0
react-conventions
Standards React et frontend. Use when "react component", "frontend", "ui", "hook", "jsx".
feraudet
development
full-stack
0
react-patterns
React component patterns, hooks, server components, and composition. Use when building React components or deciding between patterns.
erikpr1994
development
full-stack
0
frontend-expert
Expert frontend development with React, Vue, Next.js, state management, and modern UI/UX patterns
ljchg12-hue
development
full-stack
0
nextjs
Next.js 15+ App Router patterns and conventions. Use when: building web apps with Next.js. Do not use for: UX decisions (use ux-design), token/component design (use design-system), mobile apps. Workflow: ux-design → design-system → this skill (web integration).
zzoohub
development
full-stack
0
react-component-developer
Expert in React 19 and Next.js 16 development with modern patterns including Server Components, hooks, and performance optimization. Use when creating new UI components, refactoring React code, or implementing interactive features.
iammarkps
development
full-stack
0
react-component-generator
Generate React component files with TypeScript, hooks, props interfaces, and styling patterns following best practices. Triggers on "create React component", "generate component for", "React TypeScript component", "scaffold React component".
ehtbanton
development
full-stack
0
responsive-layouts
Create fully responsive page layouts for all pages and components using Tailwind CSS and Next.js App Router.
abdulmateen5251
development
full-stack
0
react-component
Create React components following Atomic Design and project patterns. Use when asked to create a new component, build UI, or implement a feature with React.
rafazsh
development
full-stack
0
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
ddttom
development
full-stack
0
nextjs-ssr-optimization
Optimiza rendering performance para Next.js applications (SSR, SSG, ISR, streaming).
zero-rehq
development
full-stack
0
create-inertia-page
Scaffolds a new Vue 3 Inertia page. Use when creating frontend pages (e.g., "Create a student list page" or "Make a create form for courses").
hieupvXmasEve
development
full-stack
0
nextjs-app-router
Guía para desarrollo frontend con Next.js 15, App Router, Server Actions y React Query.
LeandroLarrosa
development
