frontend
1
synthetic-event-system-internals
Leverage React's event delegation system for optimization and custom event behavior.
harborgrid-justin
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
1
web-component-interop-layer
Integrate custom elements seamlessly into the React virtual DOM reconciliation application.
harborgrid-justin
development
frontend
1
nuxt-ui-tdd
Guide for building Vue 3 components with NuxtUI using strict Test-Driven Development (TDD) methodology enforced by a TDD guard hook. Use this skill when implementing new UI components (atoms, molecules, organisms) for the Poche project, creating Storybook stories with interaction tests, or working within the RED-GREEN-REFACTOR cycle. Particularly useful when the user mentions "TDD", "test-first", "create a component", "build a component", "implement [ComponentName]", or when adding UI functionality.
akornmeier
development
frontend
1
i18n-translation-guide
Implement internationalization (i18n) in Ballee using react-i18next with Trans component and useTranslation hook; use when adding user-facing text, translating components, implementing toast messages, or organizing translation files
antoineschaller
development
frontend
1
frontend-component
Generate React components for IntelliFill following patterns (forwardRef, CVA variants, Radix UI, TailwindCSS). Use when creating UI components, forms, or pages.
Intellifill
development
full-stack
1
effect-ts-patterns
Patterns and best practices for Effect-TS in the Nuclom codebase. Use when writing API routes, services, or any code using Effect-TS. Covers Effect.gen, error handling, services, layers, and common pitfalls.
nuclom
development
frontend
1
react-18-dataflow-formalization
Formalize dataflow semantics in React 18 applications to ensure correctness across asynchronous boundaries.
harborgrid-justin
development
mobile
1
frontend-responsive
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when using CSS media queries, responsive grid systems, or framework breakpoint utilities. Use this skill when ensuring layouts work across different viewport sizes from mobile to desktop. Use this skill when implementing fluid layouts with percentage-based widths. Use this skill when using relative units (rem, em) instead of fixed pixels. Use this skill when optimizing touch targets and tap areas for mobile devices. Use this skill when testing UI changes across multiple screen sizes and devices.
TorbenMerrald
development
full-stack
1
vue-composition-api
Master Vue Composition API - Composables, Reactivity Utilities, Script Setup, Provide/Inject
pluginagentmarketplace
development
frontend
1
nuxt-forms
Form handling with XForm component and useFormBuilder. Use when creating forms, handling validation errors, managing form state, or building form-based slideovers and modals.
leeovery
development
frontend
1
precision-re-render-control
Minimize unnecessary re-renders through precise state partitioning and selector-driven updates.
harborgrid-justin
development
full-stack
1
nuxt-layers
Working with Nuxt layers (base, nuxt-ui, x-ui) that provide shared functionality. Use when understanding layer architecture, importing from layers, extending layer functionality, or creating new layers.
leeovery
development
full-stack
1
react-router
Master React Router v6 for production routing with error boundaries, lazy loading, and navigation guards
pluginagentmarketplace
development
full-stack
1
vue-engineering
Comprehensive guide for Vue 3 application development using modern best practices (2025). Covers Composition API, script setup syntax, reactivity system, composables, component patterns, TypeScript integration, performance optimization, and testing with Vitest. Use when building Vue 3 applications, creating components, writing composables, optimizing performance, or implementing Vue best practices.
vinceh
development
frontend
1
gluestack-nativewind
This skill enforces Gluestack UI v3 and NativeWind v4 design patterns for consistent, performant, and maintainable styling. It should be used when creating or reviewing components, fixing styling issues, or refactoring styles to follow the constrained design system.
CodySwannGT
development
full-stack
1
frontend-development
Next.js + React + Tanstack Queryを使用したフロントエンド実装のガイドライン
einja-inc
development
full-stack
1
frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Optimizes frontend performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.
sidetoolco
development
frontend
1
storybook-scaffolder
Generates a Storybook story file (*.stories.tsx) with M3 design token imports and interactive variant stories. Use when documenting React components for development and QA testing.
okgoogle13
development
frontend
1
nuxt-composables
Creating custom Vue composables with proper patterns. Use when building reusable stateful logic, shared state management, or encapsulating feature-specific behavior.
leeovery
development
full-stack
1
vue-typescript
Master Vue TypeScript - Type-safe Components, Generics, Type Inference, Advanced Patterns
pluginagentmarketplace
development
frontend
1
css-flexbox-grid
Master Flexbox and CSS Grid layouts for modern responsive design
pluginagentmarketplace
development
frontend
1
frontend-components
Design and build reusable, composable UI components following component architecture best practices. Use this skill when creating new React, Vue, Svelte, or other framework components. Use this skill when refactoring components to improve reusability or composition. Use this skill when defining component props, interfaces, or public APIs. Use this skill when managing component state and deciding where state should live. Use this skill when breaking down large components into smaller, focused pieces. Use this skill when implementing component encapsulation and information hiding. Use this skill when naming components or establishing component file structure. Use this skill when documenting component usage and prop specifications.
TorbenMerrald
development
frontend
1
add-component
새 React 컴포넌트를 생성합니다. shadcn/ui 스타일과 프로젝트 컨벤션을 준수합니다. 사용법: /add-component ComponentName [directory]
stolink
development
