カテゴリ

Frontend

18281 スキル

AIに聞く

18281 スキル

Frontend Design

Use when building or revising web pages, UI components, or application interfaces and you want distinctive, production-grade frontend design instead of generic layouts. Best for React, Next.js, HTML/CSS, and app UX polish work.

Gosshi0

Frontend

React

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

gouravsingh3110

Frontend

웹 UI 개발

React 프론트엔드의 컴포넌트, 훅, 렌더링, 스타일 관련 작업이면 반드시 이 스킬을 먼저 확인할 것. Triggers: "React 컴포넌트 추가", "ContentRenderer 수정", "TanStack Query", "CSS 충돌", "웹 UI 버그", "페이지 추가", "Tailwind 스타일", "렌더링 문제", "shadcn", "shadcn 컴포넌트", "shadcn 마이그레이션", "variant API", "UI 마이그레이션", "마이그레이션", "toast", "sonner", "Toaster", "DiffViewer", "ContentPreview", "BottomSheet", "CompactSelector", "markdown 렌더링", "모바일 반응형", "useMediaQuery", "useIsMobile", "훅 추가", "query hook", "캐시 무효화", "staleTime", "분할 미리보기 UI", "분할 반려 UI", "카드 브라우저", "어려운 카드". Covers the React frontend, components, hooks, query patterns, rendering pipeline, and UI troubleshooting.

greenheadHQ0

Frontend

Angular Refactoring

Refactors Angular components following project standards and SOLID principles—one component per file, single level of abstraction, reactive composition, and encapsulated navigation. Use when refactoring Angular code, reviewing components, or when the user asks for refactoring help.

GregOnNet0

Frontend

Emilkowal Animations

43 rules for building better web animations. Includes timing, easing, performance, and accessibility patterns for React, CSS, and Framer Motion.

GregoryPana0

Frontend

Blazor Patterns

Blazor Server, WASM, Hybrid, Static SSR patterns for .NET 10 — render mode decisions, component architecture, code-behind, state management, EventCallback, cascading values, @key, IDisposable. USE FOR: building Blazor components, choosing render modes, implementing state management. DO NOT USE FOR: Blazor inside MAUI (use maui-blazor-hybrid) or Blazor UI E2E tests (use playwright-blazor-testing).

GrexyLoco0

Frontend

Frontend Design

React

웹 UI 개발

Angular Refactoring

Emilkowal Animations

Blazor Patterns

Frontend

Frontend Design

React

웹 UI 개발

Angular Refactoring

Emilkowal Animations

Blazor Patterns

Frontend CSS

Maui Patterns

Frontend Patterns

Add Or Update Event Handler

Tanstack Query