frontend
0
create-lwc-tab
Creates a new Lightning Web Component with a tab and flexipage for display. Use when you need to create a new standalone page/tab with an LWC component.
MenachemShanowitz
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
tailwind-v4
Use when styling with Tailwind CSS v4 - new CSS-first configuration, @theme directive, modern utilities, color system, and responsive design patterns
Sebastiaaann
development
frontend
0
zustand-store
inkLine Zustand state management conventions with persistence configuration and type definitions
JackieNonSense
development
frontend
0
framer-animations
Add Framer Motion micro-animations to page sections. Includes section reveals, staggered lists, hover effects, and performance optimization. Use after section-backgrounds for each page.
deomiarn
development
frontend
0
acessibilidade
Garante que páginas HTML sigam práticas de acessibilidade WCAG 2.1 AA. Use quando criar ou modificar páginas HTML, adicionar componentes interativos, ou o usuário mencionar acessibilidade, ARIA, leitores de tela, ou contraste de cores.
afonsolelis
development
frontend
0
urgency-action
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
dylantarre
development
frontend
0
frontend-responsive
Build responsive, mobile-first layouts using fluid containers, standard breakpoints, and adaptive design patterns that work across all screen sizes. Use this skill when implementing responsive layouts, creating mobile-first designs, working with CSS breakpoints or media queries, implementing fluid grids or flexible containers, using responsive utility classes (Tailwind breakpoint modifiers), ensuring touch-friendly tap targets, optimizing layouts for different screen sizes, implementing responsive typography, working with responsive images or assets, testing UI across devices, or creating adaptive navigation patterns. Use when working with responsive CSS, mobile layouts, tablet layouts, desktop layouts, or any UI code that needs to adapt to different viewport sizes.
tlabs-xyz
development
frontend
0
page-scrolling
Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle
Manuelvillarvieites
development
frontend
0
framer-motion
Animation patterns and micro-interactions with Framer Motion in React/Next.js. Use when implementing animations, page transitions, gesture interactions, scroll-based animations, or any motion design in React applications.
Naw3
development
frontend
0
debugvue
Debug Vue.js 3 application issues systematically. This skill helps diagnose and resolve Vue-specific problems including reactivity failures with ref/reactive, component update issues, Pinia store state management problems, computed property caching bugs, Teleport/Suspense rendering issues, and SSR hydration mismatches. Provides Vue DevTools usage, console debugging techniques, Vite dev server troubleshooting, and vue-tsc type checking guidance.
SnakeO
development
frontend
0
scaffold-context
Scaffold a new React Context module inside an existing feature using the Context + useReducer pattern (state, actions, reducer, context, provider, and barrel exports).
mcgaryes
development
frontend
0
inkjs-design
Ink.js (React for CLI) design and implementation guide. Use when: (1) Creating or modifying Ink.js components (2) Implementing Ink-specific hooks (useInput, useApp, useFocus) (3) Handling emoji/icon width issues (string-width workarounds) (4) Building terminal-responsive layouts (5) Managing multi-screen navigation (6) Implementing animations (spinners, progress bars) (7) Optimizing performance (React.memo, useMemo) (8) Handling keyboard input and shortcuts (9) Testing CLI UI (ink-testing-library)
akiojin
development
frontend
0
agent-frontend
Angular 21+ expert for .ts .html .css files, @Component, UI, components, pages, services, routing, forms, templates, signals, RxJS, HttpClient, inject(), reactive forms, validators, accessibility, WCAG, AXE, browser testing, Karma, Jasmine, e2e, Playwright
tidemann
development
frontend
0
react-clean-ui
Keep React UI components clean; move logic into hooks and services
oalkabouss
development
frontend
0
shadcn-ui-builder
Use this when adding/updating shadcn/ui components or blocks in this monorepo (Tailwind v4, shared UI package, CSS variable theming).
ldsgroups225
development
frontend
0
cermontfrontendangular
Angular standalone components, RxJS patterns, and reactive forms for frontend development. Use when: Building Angular components, services, guards, interceptors, or working with RxJS observables.
JuanDiego30
development
frontend
0
design-expert
Use for HTML/CSS layout, responsive behavior, and UI styling on the NestMind site; follow the Zed-inspired design system in css/styles.css and reuse existing patterns.
nestmind-app
development
frontend
0
frontend-analyzer
Analyze React/Next.js components to extract typography, colors, layout, fonts, spacing systems, and design tokens. Identifies accessibility issues, responsive breakpoints, and component hierarchies.
ils15
development
frontend
0
utopia-grid-layout
CSS Grid utilities using Utopia fluid spacing. Reference for the grid variables and utility classes defined in this project.
matthewharwood
development
frontend
0
composable-svelte-maps
Interactive maps and geospatial visualizations for Composable Svelte. Use when implementing maps, geolocation, markers, overlays, or geospatial data visualization. Covers Map component, markers, popups, GeoJSON layers, heatmaps, tile providers, viewport controls from @composable-svelte/maps package built with Maplibre GL.
jonathanbelolo
development
frontend
0
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
dylantarre
development
frontend
0
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
dylantarre
development
frontend
0
jotai-patterns
Jotai atomic state management patterns. Use when implementing fine-grained reactive state.
IvanTorresEdge
development