frontend
0
tailwindcss
Tailwind CSS utility-first styling patterns. Use when styling components, building layouts, or customizing design for the Todo frontend.
nimranaz148
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
react-router
Read this when working with React Router Specific Conventions; using file-based flat routes, testing with React Router's framework features.
sushichan044
development
frontend
0
alpine-js
Adds reactive and declarative behavior to HTML with minimal JavaScript using Alpine.js directives. Use when adding lightweight interactivity to server-rendered pages, building interactive components without a build step, or when user mentions Alpine.js, x-data, or Tailwind-style reactivity.
mgd34msu
development
frontend
0
nuxt-ui-integration
Verify correct Nuxt UI 4 component usage with MCP-first workflow. Use when adding Nuxt UI components or experiencing component issues.
teocrafters
development
frontend
0
design-responsive
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building responsive UIs or adapting for mobile/tablet/desktop: - Creating mobile-first layouts, responsive landing pages, web apps - Defining breakpoints and fluid typography (mobile/tablet/desktop sizes) - Optimizing for touch devices, mobile users, smartphone/tablet interactions - Responsive component patterns (navigation, tables, forms, images) - User mentions "mobile", "responsive", "tablet", "multi-device", "touch" Keywords: responsive, mobile-first, mobile, tablet, desktop, breakpoints, touch, multi-device Mobile-first approach: Design for mobile constraints first, enhance progressively. Integrates with design-fundamentals: Apply spacing, typography, color systems responsively.
phananhtuan09
development
frontend
0
admin-ui-navigation-migration
Migrate admin UI panels from internal navigation state to URL-based routing using AdminRouter. Use when asked to update navigation, implement routing, or migrate from redux navigation state to URL routing in admin panels.
pelan05
development
frontend
0
managing-wpf-popup-focus
Manages focus behavior for WPF Popup controls using PreviewMouseDown events. Use when Popup loses focus unexpectedly or needs to stay open during user interaction.
christian289
development
frontend
0
using-action-state
Teaches useActionState hook for managing form state with Server Actions in React 19. Use when implementing forms, handling form submissions, tracking pending states, or working with Server Functions.
djankies
development
frontend
0
frontend-design-standards
Use when generating React/TypeScript UI components, forms, layouts, or pages - prevents generic AI aesthetic, enforces accessibility, semantic HTML, theme compliance, minimum text sizes, proper states, and brand differentiation
infiniV
development
frontend
0
ui-design
Opinionated constraints for building better interfaces with agents. Use when building UI components, implementing animations, designing layouts, reviewing frontend accessibility, or working with Tailwind CSS, motion/react, or accessible primitives like Radix/Base UI.
ckorhonen
development
full-stack
0
react-component-architecture
Modern React component patterns with hooks, composition, and TypeScript
autohandai
development
frontend
0
react-shadcn
shadcn/ui components - Button, Card, Dialog, Form, Input, Table. Use when building UI with shadcn/ui in React apps.
fusengine
development
frontend
0
frontend-accessibility
Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and WCAG compliance. Use this skill when creating or modifying UI components, forms, interactive elements, navigation menus, modals, or any user-facing interface code. When working on Astro component files (.astro), React/Vue/Svelte component files, HTML template files, form components with inputs and labels, navigation menus and interactive widgets, modal dialogs and accordions, image components with alt text, button and link implementations, focus management code, or screen reader announcement logic.
SpacePlushy
development
frontend
0
component-refactor
Guia refatoração de componentes React seguindo padrões do Plataforma B2B de treinamento técnico corporativo, reduzindo duplicação e criando componentes genéricos reutilizáveis
joaopelegrino
development
frontend
0
scaffold-hook
Scaffold a new custom React hook inside an existing feature module, with templates for data fetching, state management, or utility hooks, and update the feature hooks barrel export.
mcgaryes
development
frontend
0
frontend-design
Erstellt produktionsreife Frontend-Komponenten mit dem PferdeWert Design-System. Automatisch verwenden bei UI-Entwicklung, Styling, Component-Erstellung.
benjaminreder
development
mobile
0
expo-app-setup
Guidance for building, refactoring, and debugging Expo + React Native apps (including Expo Router). Use when wiring screens/layouts, navigation (tab/stack) scaffolding with `_layout.tsx` per group, avoiding unwanted redirects in `app/index.tsx`, theming, data fetching with React Query/fetch, Expo module usage, offline handling, and running local Expo tooling (install/start/lint).
amandeepmittal
development
frontend
0
scroll-animations
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
dylantarre
development
frontend
0
create-interactive-menu
Use this skill when creating dropdowns, context menus, or overlays that need a polished UX (open/close animation, click-outside, Escape, etc.).
CheekyCodexConjurer
development
frontend
0
frontend-developer
React components, UI library, state management ve user experience geliştirmek için kullanılır. Zustand, TanStack Query, Tailwind CSS ve accessibility konularında uzman.
kafkaspanel1
development
full-stack
0
nextjs-skills
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
rozwer
development