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
1

data-fetching

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, axios, React Query, SWR, error handling, caching strategies, offline support.

Stbs0
Stbs0
development
open
frontend
1

test-react-components

app/components の単体テストを作成・実行・修正する。React Testing Library + happy-dom を使用。

interactive-inc
interactive-inc
development
open
frontend
1

component-library

Build production-grade, accessible, and tested component libraries with Storybook, Chromatic, and design tokens

pluginagentmarketplace
pluginagentmarketplace
development
open
frontend
1

webgl-react-integration

Manage WebGL contexts and 3D scenes declaratively using React reconciliation.

harborgrid-justin
harborgrid-justin
development
open
frontend
1

frontend-ui-components

Provides guidelines for using shared UI components and styling. This skill should be used when implementing UI features using Shadcn/Radix components and the shared @eridu/ui package.

allenlin90
allenlin90
development
open
frontend
1

react-performance

Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React applications.

CoderMariusz
CoderMariusz
development
open
frontend
1

lenis

Use when implementing Lenis smooth scroll or integrating Lenis with GSAP ScrollTrigger. Applies Lenis best practices for setup and performance.

sreejithraman
sreejithraman
development
open
frontend
1

add-hook

새 커스텀 훅을 생성합니다. TanStack Query 패턴을 적용합니다. 사용법: /add-hook useXxx [--mutation]

stolink
stolink
development
open
frontend
1

i18n

Inlang Paraglide を使用した国際化(i18n)対応を支援します。翻訳メッセージの追加、reactiveMessage の使用、言語切り替え実装、翻訳のテスト、パラメータ付きメッセージなどの国際化関連タスクに使用します。

varubogu
varubogu
development
open
frontend
1

uniapp

用于编辑 .vue 文件、创建 uni-app 组件、编写 composables - 提供 Composition API 模式、props/emits 最佳实践、VueUse 集成以及响应式解构指导

uni-helper
uni-helper
development
open
frontend
1

css-fundamentals

CSS fundamentals - selectors, specificity, box model, positioning, units

pluginagentmarketplace
pluginagentmarketplace
development
open
frontend
1

ui-library-usage-auditor

This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patterns. Applies when auditing UI code, checking component patterns, reviewing layout structure, identifying component extraction opportunities, or ensuring design system compliance. Trigger terms include audit UI, review components, check shadcn, accessibility audit, component review, UI patterns, design system compliance, layout review, refactor components, extract component.

hopeoverture
hopeoverture
development
open
frontend
1

frontend-ui-components

Provides guidelines for using shared UI components and styling. This skill should be used when implementing UI features using Shadcn/Radix components and the shared @eridu/ui package.

allenlin90
allenlin90
development
open
frontend
1

react-hook-form

Performant React forms with minimal re-renders and built-in validation

SlanyCukr
SlanyCukr
development
open
frontend
1

atom-state

Implement reactive state management with Effect Atom for React applications

front-depiction
front-depiction
development
open
frontend
1

fsharp-frontend

Implement F# frontend using Elmish MVU architecture with Feliz for React components. Use when: "add UI", "create component", "build form", "frontend", "client-side", "user interface", "view", "display", "render", "Elmish", "Feliz", "button", "input", "state management". Creates Model/Msg/update in src/Client/State.fs and views in src/Client/View.fs. Follows strict MVU pattern with RemoteData for async operations and TailwindCSS/DaisyUI for styling.

heimeshoff
heimeshoff
development
open
frontend
1

ui-styling

Use when building or styling React-based UIs with shadcn/ui and Tailwind CSS, including responsive layouts, accessible components, and theme customization.

dereknex
dereknex
development
open
frontend
1

functions

Advanced function patterns including declaration styles, closures, scope chains, hoisting, and this binding. Master function composition and advanced techniques.

pluginagentmarketplace
pluginagentmarketplace
development
open
frontend
1

react-atomic-pattern

React 컴포넌트를 Atomic Design 패턴에 따라 구조화하고 검증합니다. "아토믹 패턴 확인", "컴포넌트 구조 검토", "레이어 분류", "atomic design 적용" 요청 시 사용합니다.

pjt3591oo
pjt3591oo
development
open
frontend
1

web-artifacts-builder

一套用于构建复杂且多组件集成的 claude.ai HTML Artifacts(交互式组件)的工具集。该工具集采用现代前端技术栈,包括 React、Tailwind CSS 及 shadcn/ui。适用于需要状态管理、路由功能或集成 shadcn/ui 组件库的复杂项目,而非简单的单文件 HTML/JSX 组件。当用户需要构建具备深层交互逻辑、多视图导航或工业级 UI 标准的高级 Web 应用原型时,应调用该技能。

huminglong
huminglong
development
open
frontend
1

radflow-component-create

Create components that work with RadFlow visual editor and component discovery. Use when building new UI components for projects using RadFlow.

Radiants-DAO
Radiants-DAO
development
open
frontend
1

manage-reatom-stores

Create or update Reatom stores in this repo. Use when adding a new store under `src/stores`, changing store state shape, adding computed atoms, or creating/updating related store service functions.

blikblum
blikblum
development
open
frontend
1

nuxt-enums

TypeScript enum pattern with Castable interface for model integration. Use when creating enums with behavior methods (colors, labels), defining fixed value sets, or integrating enums with the model casting system.

leeovery
leeovery
development
open
frontend
1

fundamentals

Core JavaScript fundamentals including variables, data types, operators, control flow, and basic syntax. Essential foundation for all JavaScript development.

pluginagentmarketplace
pluginagentmarketplace
development
open
Previous
Page 67 / 107
Next