frontend
0
tanstack-query-core
Use when asking about "TanStack Query", "React Query", "useQuery", "query keys", "staleTime", "query client setup", "query factories", or "queryOptions"
salmanrrana
development
sorting
์คํ
current ordering strategy
query
all entries
refine the visible subset
frontend
0
shadcn-customization
Use when building React UIs with shadcn/ui that need cohesive, distinctive styling beyond defaults - provides systematic approach to theme tokens, component variants, related component groups, animations, and design system coherence. Transforms uniform shadcn into memorable branded experiences.
kcc989
development
frontend
0
customer-ui-components
Componentes de UI para clientes seguindo o padrรฃo de components do Easy Budget.
JoseApRJunior
development
frontend
0
generate-form
Generate form component with validation, state management, and submit handling. Use when creating new data entry forms.
marcd35
development
frontend
0
figma-to-component
Figma ๋์์ธ์ ๋ถ์ํ์ฌ ํ๋ก์ ํธ ๊ท์น์ ๋ง๋ React ์ปดํฌ๋ํธ๋ฅผ ์๋ ์์ฑํฉ๋๋ค. Figma URL์ ๋ฐ์์ TDD ๋ฐฉ์์ผ๋ก ์ปดํฌ๋ํธ, ์คํ์ผ, ํ ์คํธ, Storybook์ ์์ฑํฉ๋๋ค.
gharam1234
development
frontend
0
frontend-ddd
Assist with Frontend DDD architecture design, component organization, and testing. Triggers: frontend, ๅ็ซฏ, react, component, ๅ ไปถ, vitest.
u9401066
development
frontend
0
heroui-component
Scaffolds new HeroUI v3 React components using compound component patterns. Enforces named exports, onPress handlers, and direct imports from @heroui/react. Use when creating new UI components.
eug-subscription
development
frontend
0
vuejs-dev
Vue 3 development: Composition API, reactivity, components, props/emits, Vue Router, Pinia. WHEN: Creating .vue components, using Composition API (ref, reactive, computed), props/emits, slots, composables, Vue Router navigation, Pinia state management. WHEN NOT: React development, plain HTML/JS (use html-dev, js-dev), ApexCharts (use vuejs-apex-charts), Shadcn components (use vuejs-shadcn).
LounisBou
development
full-stack
0
react-best-practices
React 19 + Next.js App Router performance and best practices for this codebase (TypeScript + Tailwind CSS 4). Use when writing/reviewing/refactoring components, deciding server vs client boundaries, building forms with server actions, preventing re-renders, and keeping the client bundle small.
lucianoMintrone
development
frontend
0
gsap-awwwards-website
SPYLT product landing with GSAP scroll animations, React 19, and Tailwind CSS 4.
rebyteai-template
development
frontend
0
pro-components-guide
ๅ ๅซ Ant Design Pro Components (ProComponents) ็็ปไปถๅ่กจใ้็จๅบๆฏๅๅฎๆนๆๆกฃ้พๆฅใ็จไบ่พ ๅฉไปฃ็ ็ๆๅๅๆฐๆฅ่ฏขใ
jobsys
development
full-stack
0
react-vite
React 18+ with Vite patterns - use for Mini App frontend development, component structure, hooks, and TypeScript setup
AndVl1
development
frontend
0
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
dylantarre
development
frontend
0
jp-ui-components
jp-uiใฎใณใณใใผใใณใไฝๆใจStorybook PageไฝๆใฎใซใผใซใๅฎใใใใฎในใญใซใBase UIใฉใใใผใฎๆน้ใrender/useRenderใฎ็ถญๆใใฌใคใขใฆใ/ไฝ็ฝ/ๅน ใซใผใซใ้ฉ็จใใใ
yumehiko
development
frontend
0
frontend-responsive
Implement responsive designs using mobile-first development, standard breakpoints, fluid layouts with flexible containers, relative units (rem/em), touch-friendly design with appropriately-sized tap targets, optimized assets for mobile networks, readable typography across breakpoints, and content prioritization for smaller screens. Use this skill when building responsive layouts, implementing media queries, creating mobile-friendly interfaces, optimizing for different screen sizes, ensuring touch-friendly interactions, or testing across mobile, tablet, and desktop devices. This skill applies when working on any frontend layout code, CSS media queries, responsive component design, or mobile optimization.
FlorianRiquelme
development
frontend
0
universal-patterns
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
dylantarre
development
frontend
0
footer-configuration
Configure footer navigation links for SEO completeness. Sets up all pages (Homepage, Services, About, Contact, Impressum, Datenschutz) in organized groups. Dynamically finds footer*.tsx component. Updates i18n with all footer keys.
deomiarn
development
frontend
0
tanstack-form
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
HuynhSang2005
development
frontend
0
component-patterns
React component composition patterns including compound components and render props. Use when designing reusable components.
IvanTorresEdge
development
frontend
0
css-layout-development
This skill provides prescriptive guidance for writing modern CSS layouts using intrinsic design principles, container queries, and fluid responsive techniques. When implementing CSS layouts, always consult this document first.
wernerglinka
development
frontend
0
frontend-developer
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
dylantarre
development