frontend
1
common-region
Elementos dentro de un área delimitada se perciben como grupo. Use cuando diseñe cards, secciones, formularios agrupados, o contenedores visuales.
vjrivmon
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
1
typescript-generics
Apply when writing reusable functions, components, or utilities that work with multiple types while maintaining type safety.
CoderMariusz
development
frontend
1
component-patterns
Guidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-file vs subfolder structure, or adding character creation cards.
Jasrags
development
frontend
1
react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
eve0415
development
frontend
1
frontend-css
Write and maintain CSS following the project's chosen CSS methodology and design system. Use this skill when adding styles to components using Tailwind, CSS modules, styled-components, or other CSS approaches. Use this skill when working with utility classes, CSS-in-JS, or stylesheet files. Use this skill when implementing design tokens for colors, spacing, and typography. Use this skill when ensuring consistency with the project's CSS framework or methodology. Use this skill when optimizing CSS for production with purging or tree-shaking. Use this skill when avoiding excessive framework style overrides. Use this skill when maintaining a cohesive visual design system across the application.
TorbenMerrald
development
frontend
1
data-structures
Master JavaScript objects and arrays including manipulation methods, prototypal inheritance, and complex data structure patterns.
pluginagentmarketplace
development
frontend
1
accessibility-object-model-integration
Programmatic manipulation of the accessibility tree to support complex custom controls in React.
harborgrid-justin
development
frontend
1
container-view-pattern
This skill enforces the Container/View pattern for React components. It should be used when creating new components, validating existing components, or refactoring components to follow the separation of concerns pattern where Container handles logic and View handles presentation.
CodySwannGT
development
frontend
1
building-with-shadcn
Claude builds accessible React UIs using shadcn/ui components with Radix primitives and React Hook Form integration. Use when creating forms, dialogs, or composable UI systems.
doanchienthangdev
development
frontend
1
panda-css-styling
Guide for styling components with Panda CSS in the SuperTool project. Use this when styling tool pages, creating layouts, or implementing the glassmorphic design system.
ferryhinardi
development
frontend
1
video-frame-processing-react
Process video data in real-time within a React application, synchronizing UI overlays.
harborgrid-justin
development
frontend
1
webconsulting-branding
Enforces webconsulting.at design system, color palettes, typography, and MDX component structures for frontend development.
dirnbauer
development
frontend
1
building-3d-graphics
Claude builds immersive 3D web experiences with Three.js and React Three Fiber. Use when creating WebGL scenes, 3D animations, shaders, or physics simulations.
doanchienthangdev
development
frontend
1
jinja-roos-components
Create UI components using jinja-roos-components library. Use when building forms, buttons, modals, or any frontend elements in Wies templates.
RijksICTGilde
development
frontend
1
zustand-store
Create Zustand stores for IntelliFill with immer, persist, and devtools middleware. Use when adding state management for new features.
Intellifill
development
frontend
1
complex-state-management
Production patterns for managing complex application state in React without Redux, Zustand, or other state libraries. Includes multi-stage loading, command patterns, refs for performance, and parallel data fetching. Use when building complex UIs with interconnected states, need loading stages and progress tracking, or implementing command patterns.
vishalsachdev
development
frontend
1
frontend-error-handling
Provides error handling patterns for React applications. This skill should be used when implementing error boundaries, API error interceptors, error tracking, or user-friendly error messages.
allenlin90
development
frontend
1
using-ngx-gaia
Provides usage guidance for @vsn-ux/ngx-gaia Angular components (Gaia design system). Use when implementing UI with ga- prefixed elements, GaButtonModule, GaSelectModule, ga-form-field, gaInput directives, or when asking about Gaia components.
visma-software-nordic
development
frontend
1
fix-hardcoded-workspaceid-pages
Use when asked to remove hardcoded workspaceId values from client pages and replace them with useWorkspace() + friendly loading/error states.
CleanExpo
development
