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
development
sorting
์คํ
current ordering strategy
query
all entries
refine the visible subset
frontend
1
test-react-components
app/components ใฎๅไฝใในใใไฝๆใปๅฎ่กใปไฟฎๆญฃใใใReact Testing Library + happy-dom ใไฝฟ็จใ
interactive-inc
development
frontend
1
component-library
Build production-grade, accessible, and tested component libraries with Storybook, Chromatic, and design tokens
pluginagentmarketplace
development
frontend
1
webgl-react-integration
Manage WebGL contexts and 3D scenes declaratively using React reconciliation.
harborgrid-justin
development
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
development
frontend
1
react-performance
Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React applications.
CoderMariusz
development
frontend
1
i18n
Inlang Paraglide ใไฝฟ็จใใๅฝ้ๅ๏ผi18n๏ผๅฏพๅฟใๆฏๆดใใพใใ็ฟป่จณใกใใปใผใธใฎ่ฟฝๅ ใreactiveMessage ใฎไฝฟ็จใ่จ่ชๅใๆฟใๅฎ่ฃ ใ็ฟป่จณใฎใในใใใใฉใกใผใฟไปใใกใใปใผใธใชใฉใฎๅฝ้ๅ้ข้ฃใฟในใฏใซไฝฟ็จใใพใใ
varubogu
development
frontend
1
css-fundamentals
CSS fundamentals - selectors, specificity, box model, positioning, units
pluginagentmarketplace
development
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
development
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
development
frontend
1
react-hook-form
Performant React forms with minimal re-renders and built-in validation
SlanyCukr
development
frontend
1
atom-state
Implement reactive state management with Effect Atom for React applications
front-depiction
development
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
development
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
development
frontend
1
react-atomic-pattern
React ์ปดํฌ๋ํธ๋ฅผ Atomic Design ํจํด์ ๋ฐ๋ผ ๊ตฌ์กฐํํ๊ณ ๊ฒ์ฆํฉ๋๋ค. "์ํ ๋ฏน ํจํด ํ์ธ", "์ปดํฌ๋ํธ ๊ตฌ์กฐ ๊ฒํ ", "๋ ์ด์ด ๋ถ๋ฅ", "atomic design ์ ์ฉ" ์์ฒญ ์ ์ฌ์ฉํฉ๋๋ค.
pjt3591oo
development
frontend
1
web-artifacts-builder
ไธๅฅ็จไบๆๅปบๅคๆไธๅค็ปไปถ้ๆ็ claude.ai HTML Artifacts๏ผไบคไบๅผ็ปไปถ๏ผ็ๅทฅๅ ท้ใ่ฏฅๅทฅๅ ท้้็จ็ฐไปฃๅ็ซฏๆๆฏๆ ๏ผๅ ๆฌ ReactใTailwind CSS ๅ shadcn/uiใ้็จไบ้่ฆ็ถๆ็ฎก็ใ่ทฏ็ฑๅ่ฝๆ้ๆ shadcn/ui ็ปไปถๅบ็ๅคๆ้กน็ฎ๏ผ่้็ฎๅ็ๅๆไปถ HTML/JSX ็ปไปถใๅฝ็จๆท้่ฆๆๅปบๅ ทๅคๆทฑๅฑไบคไบ้ป่พใๅค่งๅพๅฏผ่ชๆๅทฅไธ็บง UI ๆ ๅ็้ซ็บง Web ๅบ็จๅๅๆถ๏ผๅบ่ฐ็จ่ฏฅๆ่ฝใ
huminglong
development
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
development
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
development
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
development
frontend
1
fundamentals
Core JavaScript fundamentals including variables, data types, operators, control flow, and basic syntax. Essential foundation for all JavaScript development.
pluginagentmarketplace
development