frontend
0
avoiding-pitfalls
ReactUMG 常见组件陷阱/坑/问题提醒。在使用 ComboBoxString、EditableTextBox、SpinBox、ScrollBox、ProgressBar 等复杂组件时激活。涵盖动态选项不生效、ref 回调重复调用、深色主题配置等常见问题的解决方案。
15195999826
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
frontend-accessibility-standards
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or modifying frontend components, HTML templates, React/Vue/Svelte components, forms, interactive elements, navigation menus, modals, or any UI elements. Apply when working with HTML files, JSX/TSX components, template files, ensuring keyboard accessibility, implementing focus management, adding alt text to images, creating form labels, testing with screen readers, managing ARIA attributes, maintaining color contrast ratios, or building heading hierarchies. Use for any task involving UI accessibility compliance, WCAG standards, or inclusive design patterns.
DennisToma
development
full-stack
0
nextjs-server-components
Next.js App Router Server Components, Client Components, layouts, data fetching, and Server Actions. Use when working with Next.js app directory, component boundaries, or data fetching patterns.
jovermier
development
frontend
0
angular-forms
Angular Reactive Forms for form building, validation, and state management. Use when creating forms, implementing validators, handling form submissions, building dynamic forms, or integrating forms with NgRx Signals in Angular applications. Covers FormControl, FormGroup, and FormArray.
7Spade
development
frontend
0
set-up-biome
Set up configuratin files for the React project (Biome, Shadcn/UI)
yuheitomi
development
full-stack
0
frontend-dev
Next.js 14 + TypeScript + Tailwind CSS 프론트엔드 개발. 컴포넌트 생성, 페이지 추가, 스타일링, Three.js 3D 작업. "컴포넌트 만들어줘", "페이지 추가", "UI 수정", "3D 뷰어" 요청 시 사용.
rlarbsgks87-bot
development
frontend
0
create-react-component
Create a new React component following project best practices
ThousandsOfTies
development
frontend
0
react-hooks
React hooks patterns - useState, useEffect, useCallback, useMemo, useRef, custom hooks. Use when implementing React hooks or creating custom hooks.
fusengine
development
frontend
0
tailwind-ui
Use when writing HTML/JSX with Tailwind CSS for common UI patterns like heroes, forms, lists, navbars, modals, cards, or any standard web component
alizain
development
frontend
0
front-end-developer-vue
Expert Vue.js front-end developer specializing in reactive, performant, and maintainable user interfaces with clean separation of concerns using Vue 3 + Composition API. Use this skill when the task involves designing, building, refactoring, styling, optimizing, or advising on Vue.js components, pages, layouts, forms, reactivity, performance, Tailwind + Shadcn/ui styling, or user experience in modern web applications.
NorthRiverDesign
development
frontend
0
create-admin-ui
Generate admin interface components (Cards, Tables, Forms) that adhere to POSMARS Design System and Next.js 16 patterns.
manhhuynh-designer
development
frontend
0
frontend-responsive
Create responsive, mobile-first user interfaces that adapt seamlessly across all device sizes using modern CSS techniques and responsive design patterns. Use this skill when implementing layouts, breakpoints, fluid typography, responsive images, or any UI that needs to work across mobile, tablet, and desktop viewports. Apply this skill when using CSS media queries, container queries, responsive utility classes (Tailwind's sm:, md:, lg:), flexible grid/flexbox layouts, relative units (rem, em, vw, vh), or when optimizing touch interactions for mobile devices. This skill ensures mobile-first development approach, consistent breakpoint usage, proper viewport configuration, touch-friendly target sizes (44x44px minimum), readable typography across all screen sizes, and optimized performance on mobile networks with responsive images and lazy loading.
overtimepog
development
gaming
0
frontend-dev
TypeScript/Vue frontend development for CTF-AI. Use when working on game UI, Phaser scenes, Vue components, WebSocket client, or any frontend code.
sdd330
development
frontend
0
javascript-interactive-design
Add interactivity and dynamic behavior to web designs using vanilla JavaScript. Handles animations, user interactions, form validation, DOM manipulation, event handling, and progressive enhancement without frameworks.
FAeN399
development
frontend
0
scaffolding-components
Scaffold new React components with proper file structure, CSS modules, audio integration, and Storybook stories. Use when creating new components, scaffolding UI, or when user says "create component", "new component", "scaffold", "generate component", or "add component".
sorfeb
development
full-stack
0
preact
Builds fast, lightweight React-compatible applications with Preact's 3KB library and optional Signals for fine-grained reactivity. Use when optimizing bundle size, migrating from React, or when user mentions Preact, preact/compat, or lightweight React alternative.
mgd34msu
development
frontend
0
nextjs-game-components
Build interactive React components for the quiz game UI using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Use when creating game lobby, question display, scoreboard, player standings, and game result components.
violabg
development
frontend
0
reviewing-hook-patterns
Review React hook usage for React 19 compliance and best practices
djankies
development
frontend
0
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.
moonLight-7k
development
full-stack
0
react-conventions
Standards React et frontend. Use when "react component", "frontend", "ui", "hook", "jsx".
feraudet
development
mobile
0
headless-ui
Builds accessible UI components with Headless UI primitives for React and Vue. Use when creating custom-styled dropdowns, modals, tabs, or other interactive components with full accessibility support.
mgd34msu
development
frontend
0
zaui-ui-builder
Builds UI for Zalo Mini App using zmp-ui (ZaUI) components. Use when asked to create pages, components, forms, modals, or any UI for ZMP projects.
tienchinh21
development