frontend
2
modern-angular-implementation
Implement Angular 18+ features: Signals, standalone components, @defer blocks, SSR, zoneless change detection, new control flow syntax, and Material 3 integration.
pluginagentmarketplace
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
2
global-error-handling
Implement robust error handling in client-side JavaScript code to gracefully manage failures in static site operations. Use this skill when working with error scenarios in API calls, DOM manipulation, data parsing, and user interactions.
adigunners
development
frontend
2
async-await-patterns
Use when writing JavaScript or TypeScript code with asynchronous operations
axiomantic
development
frontend
2
heartbeat-design
Kyoto Moss design system for Heartbeat uptime monitoring. Invoke when building, modifying, or reviewing Heartbeat UI components. Ensures visual consistency and prevents design violations.
phrazzld
development
frontend
2
react-19
React 19.x development patterns and APIs. Use when building React applications with React 19+ features including Actions (useTransition with async), useActionState, useFormStatus, useOptimistic, use() API, Form Actions, ref as prop (no forwardRef), Context as provider, document metadata/stylesheets/scripts, Server Components, Server Actions, prerender(), the Activity component, useEffectEvent, cacheSignal(), and Partial Pre-rendering. Triggers on React 19 questions, form handling, server components, or when using new React 19 APIs.
dionridley
development
frontend
2
forms-implementation
Build reactive and template-driven forms, implement custom validators, create async validators, add cross-field validation, and generate dynamic forms for Angular applications.
pluginagentmarketplace
development
frontend
2
http-client
Angular HttpClient for API communication, interceptors, and error handling
pluginagentmarketplace
development
frontend
2
bellog-animations
Provides Framer Motion animation patterns and best practices specific to the Bellog blog project. Triggers when implementing animated components or interactions.
whddltjdwhd
development
frontend
2
angular-material
Angular Material UI components, theming, and accessible interface design
pluginagentmarketplace
development
frontend
2
filter-system-dev
Guide for working with the configuration-driven filter system. Use when adding/modifying filters, updating URL parsing, debugging filter-related issues, or working with config/filters.ts.
Esdeveniments
development
frontend
2
tailwind-best-practices
WHEN: User is writing HTML/templates with Tailwind CSS classes, styling components, configuring Tailwind themes, asking about Tailwind utilities or patterns, or working with any project that uses Tailwind CSS WHEN NOT: Non-Tailwind CSS questions, general HTML/CSS without Tailwind context, questions about other CSS frameworks (Bootstrap, etc.)
gopherguides
development
frontend
2
tailwindcss
Style React components with Tailwind CSS v4 utility classes. Use when styling UI components, applying responsive designs, theming, or working with CSS-in-JS patterns. Covers v4 CSS-first configuration, @theme directive, new variants, and breaking changes from v3.
luthebao
development
frontend
2
moai-component-designer
Enterprise-grade component design and architecture with React 19, Vue 3.5, Atomic Design patterns, accessibility standards (WCAG 2.1 AA), design systems, and production-ready component libraries. Use when building reusable component systems, designing component libraries, implementing Atomic Design, ensuring accessibility compliance, or creating scalable UI architectures.
AJBcoding
development
frontend
2
i18n-best-practices
Guide for internationalization with next-intl. Use when adding links, translations, or localized URLs. Always use Link from @i18n/routing.
Esdeveniments
development
frontend
2
component-aesthetic-checker
Validates shadcn/ui component customization depth, ensuring components aren't used with default props and checking for consistent design system implementation across Tanstack Start applications
hirefrank
development
frontend
2
shadcn-ui-design-validator
Automatically validates frontend design patterns to prevent generic aesthetics (Inter fonts, purple gradients, minimal animations) and enforce distinctive, branded design during Tanstack Start (React) development with shadcn/ui
hirefrank
development
frontend
2
fosmvvm-viewmodel-generator
Generate FOSMVVM ViewModels - the bridge between server-side data and client-side Views. Use when creating new screens, pages, components, or any UI that displays data.
foscomputerservices
development
frontend
2
angular-primeng
Angular 21 + PrimeNG 企業應用開發最佳實踐。適用於 MES、ERP 等企業級應用開發。涵蓋元件設計、狀態管理、效能優化、PrimeNG 元件使用規範。
seikaikyo
development
frontend
2
sentry-client
Enforces project client-side Sentry monitoring conventions when implementing error boundaries, route-level error pages, user interaction tracking, and client component error handling. This skill ensures consistent patterns for global error handling, breadcrumbs, and front-end error capture.
JasonPaff
development
frontend
2
component-designing
Component and type design for TypeScript + React code. Use when planning new features, designing components and custom hooks, preventing primitive obsession, or when refactoring reveals need for new abstractions. Focuses on feature-based architecture and type safety.
buzzdan
development
frontend
2
form-patterns
React Hook Form patterns with Zod validation. Use when implementing forms, validation schemas, form state management, edit forms with unsaved changes, or array fields.
retrip-ai
development
frontend
2
performance-optimization
Optimize React application performance with lazy loading, code splitting, memoization, and virtualization. Use when addressing slow renders, large bundles, or memory issues.
CeamKrier
development