home/categories/frontend

category focus

Frontend

UI frameworks, state management, and styling.

2566 個技能all categories

sorting

stars

current ordering strategy

query

all entries

refine the visible subset

frontend

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

open

frontend

icons

Use consistent Lucide icons with the <x-icon> component. Use when adding icons to pages, buttons, or UI elements.

ProfPowell

development

open

frontend

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

open

frontend

zustand-store

inkLine Zustand state management conventions with persistence configuration and type definitions

JackieNonSense

development

open

frontend

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

open

frontend

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

open

frontend

urgency-action

Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.

dylantarre

development

open

frontend

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

open

frontend

page-scrolling

Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle

Manuelvillarvieites

development

open

frontend

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

open

frontend

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

open

frontend

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

open

frontend

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

open

frontend

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

open

frontend

react-clean-ui

Keep React UI components clean; move logic into hooks and services

oalkabouss

development

open

frontend

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

open

frontend

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

open

frontend

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

open

frontend

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

open

frontend

utopia-grid-layout

CSS Grid utilities using Utopia fluid spacing. Reference for the grid variables and utility classes defined in this project.

matthewharwood

development

open

frontend

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.