광고[ For iPhone / iPad ] 🔥 Nugget의 믿을 수 없는 인터랙티브 월페이퍼. 이런 것은 본 적이 없을 것입니다!

skills.homescapability registry 검색

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

0

ux-feedback-patterns

User feedback patterns for interactions - loading states, success/error messages, form validation, empty states. Ensures users understand system state and next steps. Use when implementing user-facing state changes and interactions: - Form submissions with validation feedback, success/error messages - Async operations needing loading indicators (API calls, data fetching) - Error handling flows with clear recovery paths and retry options - Empty state designs with helpful messaging (no data, no results) - User mentions "form", "loading", "error", "validation", "async", "API call" Keywords: loading, success, error, form, validation, async, feedback, toast, empty state Do NOT load for: - Visual design/styling (use frontend-design-fundamentals) - Responsive layout (use frontend-design-responsive) - Figma extraction (use frontend-design-figma-extraction) - Accessibility-only questions (use ux-accessibility) - Code quality checks (use quality-code-check) Focus on WHEN to show feedback, WHAT type (toast/inline/m

phananhtuan09

development

frontend

0

react-useeffect

Use when writing or reviewing React useEffect, useState for derived values, data fetching, or synchronizing state with external systems.

vrazdalovschi

development

frontend

0

forms-inputs

Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback

dylantarre

development

frontend

0

react-typed-forms-mui

Material-UI integration for @react-typed-forms/core with FTextField and MUI schema renderers. Use when building React forms with Material-UI that need form state management integration.

astrolabe-apps

development

frontend

0

refactornuxtjs

Refactor Nuxt.js/Vue code to improve maintainability, readability, and adherence to best practices. Identifies and fixes DRY violations, oversized components, deep nesting, SRP violations, data fetching anti-patterns with useFetch/useAsyncData/$fetch, poor composable organization, and mixed business/presentation logic. Applies Nuxt 3 patterns including auto-imports, proper data fetching, single-responsibility composables, TypeScript integration, runtime config, Nitro server routes, Nuxt Layers, middleware patterns, Pinia state management, and performance optimizations.

SnakeO

development

frontend

0

dynamic-res-scaler

Implement dynamic resolution scaling for React Three Fiber / Three.js by adjusting DPR based on measured FPS. Use when asked to add adaptive performance scaling, automatic DPR tuning, or a DynamicResScaler-style component in a R3F scene.

deadronos

development

frontend

0

tailwind

Tailwind conventions for composition, selectors, responsive, animation. Use for Tailwind code.

MP281X

development

frontend

0

figma-component-sync

Check a React component against its Figma design source and identify differences. Use when reviewing component implementations, syncing designs, auditing visual accuracy, or updating components to match new Figma designs.

bitovi

development

frontend

0

react-19-patterns

React 19 features including Server Components, Actions, and use() hook. Use when building modern React applications.

IvanTorresEdge

development

frontend

0

ux-ui-guidelines

Wytyczne UX/UI dla React 19 + Tailwind v4. Design system (OKLCH colors), dostępność (WCAG 2.2, ARIA), responsive design (mobile-first, container queries), animacje (Framer Motion, View Transitions, prefers-reduced-motion), UI patterns (navigation, tables, search, onboarding). Używaj przy projektowaniu UI, dostępności, animacjach, mobile UX.

Shaqal7

development

frontend

0

page-transitions

Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.

dylantarre

development

frontend

0

nuxt-module-finder

Find and compare Nuxt modules for specific features. Use when users need to add functionality via modules (auth, UI, database, etc). Do not use for basic Nuxt concepts.

zatkniz

development

frontend

0

tailwind

Quy ước Tailwind CSS trong repo này (Tailwind v4 CSS-first, tokens, cn(), không hardcode màu).

HuynhSang2005

development

frontend

0

cermontfrontendangular-best-practices

Angular 21 development with modern best practices including signals, standalone components, reactive patterns, and accessibility. Use when creating Angular components, services, templates, or performing any Angular frontend development work. Covers TypeScript strict typing, signal-based state management, reactive forms, lazy loading, ng-icon setup, and Tailwind styling.

JuanDiego30

development

frontend

0

custom-elements

Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.

ProfPowell

development

frontend

0

reviewing-state-management

Review state management patterns for React 19 best practices. Use when reviewing component state, Context usage, or state architecture.

djankies

development

frontend

0

form-validation

Validates forms using React Hook Form and Zod. Use when creating forms with validation, handling form state, showing error messages, or implementing multi-step forms. Includes schema patterns and Controller usage.

jhlee0409

development

frontend

0

react-project-structure

File and folder organization conventions for React + Vite + shadcn/ui projects. Use when creating new components, organizing files, deciding folder structure, naming files/folders, or reviewing project organization. Covers folder-per-component vs flat structure, naming conventions, barrel exports, internal elements, and form patterns.

SlavaMelanko

development

frontend

0

astro-component-ui

Build or update Astro UI components in src/components with consistent styling and props. Use when creating new UI sections or refactoring existing components.

lebauzagit

development

frontend

0

form-implementation

Guidelines for implementing performant, accessible React forms using isolated field components, custom hooks, and server actions (`useActionState`/`useFormStatus`). Use for building FormData-friendly forms and enforcing TypeScript patterns.

trae-op

development

frontend

0

frontend-design

Use when designing UI components, implementing accessibility, responsive layouts, or integrating with design systems.

erikpr1994

development

frontend

0

angular-material-v20

Skills for working with Angular Material v20 (@angular/material: "~20.0.0") UI component library in Angular applications.

7Spade

development

frontend

0

blazor-components

Blazor-specific patterns for components, JS interop, and state management

barracoder

development

frontend

0

custom-elements

Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.

ProfPowell

development

Page 95 / 107