frontend
0
react-i18n
react-i18next modular SOLID - modules/cores/i18n/, useTranslation hook, namespaces, pluralization. Use when implementing translations in React apps (not Next.js).
fusengine
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
optimize-effects-effect-event
useEffectEventを使用して非リアクティブなロジックを抽出し、Effectを最適化します。特定の値が変更されたときにEffectを再実行すべきでない場合（ログ、分析、タイマー）に使用します。
nayukata
development
frontend
0
developing-ui
Strict guidelines for building UI components, pages, and layouts. Ensures adherence to brand-identity tokens, technical constraints, and performance standards.
aagii9912
development
frontend
0
react-hook
Create reusable custom hooks following React patterns. Use when creating hooks for state management, data fetching, or reusable logic.
AdemKao
development
frontend
0
new-component
Scaffold a new Angular component with test file following project conventions. Use when creating new components, widgets, or UI elements.
alysson-souza
development
frontend
0
frontend-accessibility
Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, proper ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, implementing interactive elements (buttons, forms, modals, menus), adding keyboard navigation support, implementing focus management, adding ARIA attributes or roles, ensuring color contrast compliance, writing alt text for images, creating form labels and error messages, implementing heading structures, building custom interactive widgets, testing for screen reader compatibility, or working with any HTML, JSX, or template files that render user-facing content. Use when working with React components, Vue templates, Angular templates, HTML files, or any frontend framework components.
tlabs-xyz
development
frontend
0
shadcn-components
Add and use shadcn/ui components. Use when building UI, adding new components, or styling pages with shadcn.
atilladeniz
development
frontend
0
frontend-accessibility
Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and proper color contrast. Use this skill when creating or modifying UI components, implementing forms and interactive elements, working with navigation menus, building modals and dialogs, adding images and media content, writing JSX/HTML markup, ensuring keyboard accessibility, testing with screen readers, managing focus states, implementing proper heading hierarchies, providing alternative text for images, maintaining color contrast ratios, using ARIA labels and roles, or ensuring all interactive elements are keyboard-navigable. Apply this skill when building frontend components, reviewing UI accessibility, refactoring markup for better semantics, or implementing WCAG compliance requirements.
pdovhomilja
development
frontend
0
component-templates
UI component library templates (buttons, forms, cards, modals, etc.). Use when generating frontend UI components.
vanman2024
development
frontend
0
layout-grid
Design-focused grid layout system with fluid scaling, responsive columns, and resolution-independent patterns. Use when creating page layouts, card grids, or multi-column designs.
ProfPowell
development
frontend
0
dedsi-vue3-coding
Vue 3 coding guidelines and best practices with Dedsi UI components
DedsiTeam
development
frontend
0
progressive-enhancement
HTML-first development with CSS-only interactivity patterns. Use when building features that work without JavaScript, using native HTML elements, CSS pseudo-classes, and the View Transitions API.
ProfPowell
development
frontend
0
coding-standards
React 19 and TypeScript coding standards for Portfolio Buddy 2. Use when: writing new components, reviewing code, refactoring, or ensuring consistency. Contains component patterns, TypeScript rules, and best practices.
5MinFutures
development
frontend
0
ui-development
UI 架构与组件开发规范。涵盖 shadcn/ui 集成、Tailwind CSS 使用、动画标准以及自定义组件原则。
sumanin5
development
frontend
0
create-component
Create a new React component following project conventions. Use when creating components, UI elements, or reusable modules.
seosd97
development
frontend
0
ngrx-signals
@ngrx/signals state management for Angular 20+ using pure reactive patterns with signalStore, rxMethod, and computed signals. Use when implementing reactive state, creating stores, managing async operations, or building signal-based architecture. Replaces traditional NgRx with simpler, more performant signal-based approach.
7Spade
development
frontend
0
error-handling
Handle errors consistently across frontend and backend. Use when implementing try/catch patterns, error boundaries, API error responses, or error reporting.
ProfPowell
development
frontend
0
symfony-skjs-handler
Create JavaScript handlers for pages. Use for DOM interactions and API calls.
Swoking
development
frontend
0
accessibility-checker
Verify accessibility (WCAG 2.1 Level AA) of React components. Use when creating UI components, forms, or when the user requests accessibility verification.
xnopre
development