tailwind-patterns
Tailwind CSS Sortierung und Barrierefreiheits-Regeln
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Tailwind CSS Sortierung und Barrierefreiheits-Regeln
Modern React patterns, hooks, and state management for the poker platform
React coding standards. Use when working on React components to ensure proper hooks usage, state management, and performance patterns.
Generate forms with React Hook Form and Zod validation following established patterns. Use when creating forms, input validation, modal forms, or handling user input.
@ngrx/signals state management for Angular 20+ using pure reactive patterns with signalStore, rxMethod, and computed signals. Use when implementing reactive state, creating stores, managing async operations, or...
RxJS reactive programming patterns for Angular applications. Use when implementing observables, operators, error handling, memory management, subscription cleanup, or advanced reactive patterns. Covers operator...
Angular Google Maps (@angular/google-maps) integration for interactive map features. Use when embedding Google Maps, adding markers, polylines, polygons, info windows, or implementing map controls and event han...
Comprehensive Vue 3 development best practices, TypeScript configuration, tooling troubleshooting, testing patterns, and composition API gotchas. Covers vue-tsc, Volar, Vite configuration, Vue Router typing, co...
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
Tailwind CSS patterns and MiGestion design system. Trigger: When styling components with Tailwind CSS.
Use when building UI components, styling, or layouts for buoy-site
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
Iterate on hiccup components with live preview, CSS styling, and library commits. Use alias-first workflow where structure lives in the UI namespace and examples use lean config props. Keywords: component, prev...
prevents mutation bugs in React state
Angular Material component library expertise for Angular 20+ applications. Use when implementing Material Design components (buttons, forms, dialogs, tables, navigation), theming, accessibility, or building Ang...
loads after hydration
프론트엔드 개발 스킬. React 컴포넌트, 커스텀 훅, Tailwind 스타일링. UI 작업 시 사용.
Angular Reactive Forms for form building, validation, and state management. Use when creating forms, implementing validators, handling form submissions, building dynamic forms, or integrating forms with NgRx Si...
Scaffold custom hooks and state patterns.
Generate React Native components following established conventions. Use when creating reusable UI components, form inputs, modals, cards, lists, or any UI elements.
Principles for maintainable UI components.
WCAG 2.1 AA accessibility patterns for React applications
Basecoat UI component patterns with Tailwind CSS classes for shadcn/ui-like components without React. Use when building UI with class-based components.
Develops, styles, and tests DSFR-compliant React 19 components.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.