GitHub
frontend-api-layer
Provides patterns for structuring the API layer in React applications. This skill should be used when setting up API clients, defining API request declarations, or integrating with TanStack Query for data fetch...
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
frontend-tech-stack
Provides standards for the frontend application technology stack. This skill should be used when setting up new frontend projects or upgrading existing ones with React 19, Vite, and Tailwind v4.
GitHub
api-connection
TanStack Query와 Axios를 사용한 API 연결 패턴. API 훅 생성, 데이터 페칭, 뮤테이션 처리 시 사용.
GitHub
ui-publishing
shadcn/ui와 Tailwind CSS를 사용한 UI 컴포넌트 생성 가이드. UI 컴포넌트 생성, 스타일링, PRD 화면 구현 시 사용.
GitHub
jsgui3-ssr-activation-data-bridge
Understand and debug how jsgui3 SSR markup becomes activated client-side, including persisted fields (data-jsgui-fields) and ctrl_fields (data-jsgui-ctrl-fields), and where to patch/plugin.
GitHub
middleware-patterns
Next.js middleware patterns for protected routes, auth redirects, and URL handling. Use when working with middleware.ts, protected routes, or auth redirects. Keywords: middleware, protected routes, redirect, au...
GitHub
form-components
StepLeague reusable form components with accessibility features. Use when creating any form, input field, select dropdown, checkbox, or file upload in the application. Keywords: form, input, select, checkbox, t...
GitHub
react-debugging
Debugging React render loops, infinite re-renders, and performance issues in Next.js. Use when encountering "Maximum update depth exceeded", useMemo/useCallback issues, useEffect dependency problems, or useSear...
GitHub
design-system
StepLeague design system, theme configuration, CSS variables, badge styling, and UI patterns. Use when working with colors, themes, styling, badges, buttons, cards, or any visual UI changes. Keywords: CSS, them...
GitHub
testing-patterns
Testing patterns for Next.js App Router with Supabase. Use when adding tests, verifying fixes, or preventing regressions. Keywords: test, testing, jest, vitest, unit test, integration test, mock, Supabase mock,...
GitHub
ui-components-creation
Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or add to the component library.
GitHub
panda-css-styling
Guide for styling components with Panda CSS in the SuperTool project. Use this when styling tool pages, creating layouts, or implementing the glassmorphic design system.
GitHub
adynato-mobile
Mobile app development conventions for Adynato projects using React Native and Expo. Covers navigation patterns, native APIs, performance optimization, and platform-specific considerations. Use when building or...
GitHub
adynato-web-api
Web API development conventions for Adynato projects. Covers API routes, middleware, authentication, error handling, validation, and response formats for Next.js and Node.js backends. Use when building or modif...
GitHub
adynato-mobile-api
API integration patterns for Adynato mobile apps. Covers data fetching with TanStack Query, authentication flows, offline support, error handling, and optimistic updates in React Native/Expo apps. Use when inte...
GitHub
mixmi-component-library
Component specifications, design patterns, and UI elements for the mixmi platform including TrackCard, grids, modals, and audio components
GitHub
totalaud-brand
Use when building UI for totalaud.io - enforces brand colours, typography, and calm aesthetic
GitHub
state-architect
Zustand store specialist - handles store generation, sync patterns, selectors, and persistence for totalaud.io state management.
GitHub
react
Writes React components and hooks using TypeScript. Use when creating or modifying React components, hooks, or JSX.
GitHub
responsive-layouts
Create fully responsive page layouts for all pages and components using Tailwind CSS and Next.js App Router.
GitHub
accessibility-ux-audit
Audit and enhance accessibility and UX across all pages and components.
GitHub
animations-motion
Add smooth animations to buttons, page transitions, tasks, modals, and interactive elements.
GitHub
ui-libraries-components
Integrate modern UI libraries and reusable components into the project.
GitHub
typography-text-effects
Enhance headers, buttons, and text with readable typography and micro-animations.
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é.