configuring-slots
ReactUMG Slot 布局/定位系统指南。在配置 CanvasPanel、设置组件位置/坐标/尺寸/大小、使用锚点/Anchors/Offsets、或实现居中/全屏/侧边栏等布局需求时激活。CanvasPanelSlot 有特殊的 Position→Offsets 映射规则,其他 17 种...
按技能名称、说明或 GitHub 作者匹配的结果。
ReactUMG Slot 布局/定位系统指南。在配置 CanvasPanel、设置组件位置/坐标/尺寸/大小、使用锚点/Anchors/Offsets、或实现居中/全屏/侧边栏等布局需求时激活。CanvasPanelSlot 有特殊的 Position→Offsets 映射规则,其他 17 种...
ReactUMG 两种 ref/引用区分指南。React ref 用于获取组件/Widget 实例引用调用原生方法,PuerTS $ref/$unref 用于处理 UE C++ out 参数(如 GetDataTableRowNames、CaptureMouse)。这是两个完全不同的概念,混淆会导致类型错...
Apply when writing React/TypeScript frontend code. Enforces component architecture patterns, type safety, and reusability standards.
Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces utilitarian design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Tec...
Human Made React component standards. Apply when writing React components, reviewing React code, or building WordPress block editor interfaces. Covers functional components, hooks, PropTypes, and component orga...
TypeScript and React/TSX coding conventions and patterns
Find and use VueUse composables for common functionality like mouse tracking, local storage, element detection, breakpoints, and browser APIs. Use when users need reactive utilities beyond basic Vue.
This is a new rule
Audit frontend code for security, UX regressions, performance, and accessibility issues. Use when reviewing React, Next.js, Vue, Svelte, or any frontend code changes. Triggers on "audit frontend", "review UI",...
Next.js/React performans analizi ve optimizasyonu. Bundle size analizi, lazy loading, memoization, re-render önleme, Core Web Vitals iyileştirme, API response caching ve database query optimizasyonu. Activate:...
Jest + React Testing Library ile unit/integration testleri ve Playwright ile E2E testleri yazma. Test patterns, mocking, coverage hedefleri ve proje test conventions'ı. Component, hook ve utility testleri için...
Proje yapısına uygun React bileşeni oluşturma. shadcn/ui, Tailwind CSS, CVA variants, TypeScript props, 'use client' directive kullanımı. Feature, shared veya ui bileşenleri için doğru dizin yapısı ve naming co...
React Hook Form + Zod validation ile form oluşturma. shadcn/ui form bileşenleri, validation schemas, error handling, loading states ve form submission. Türkçe hata mesajları ve proje form patterns'ına uygun yap...
Kod kalitesi, TypeScript, React 19/Next.js 16 patterns, ESLint 9, Tailwind 4, TanStack Query 5, Zustand 5, Zod 4 uyumluluğu ve proje konvansiyonları kontrolü. Activate: "Review my code", "Kod kalitesini kontro...
Provides comprehensive code review guidance for React 19, Vue 3, Rust, TypeScript, Java, and Python. Helps catch bugs, improve code quality, and give constructive feedback. Use when: reviewing pull requests, co...
Use when building web UIs with Next.js 15+ and React 19 - covers Server Components, App Router, testing with Vitest and Playwright, and accessibility standards
React and Next.js patterns, hooks, and component architecture.
Edit or create interactive Plotly.js graph components in Svelte 5. Use when asked to create a graph, add a visualization, build a chart, make a plot, visualize data, add slider controls to a graph, or create a...
Creating React components for StickerNest. Use when the user asks to create a component, build a UI component, add a panel, create a toolbar, build a dialog, or implement any React UI element. Covers component...
Senior Front-End Developer expert in ReactJS, NextJS, TypeScript, Supabase, and modern UI/UX frameworks
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Debug React component issues including TypeScript types, props, state management, hooks, and rendering problems. Use when troubleshooting component not rendering, prop errors, state not updating, hook issues, o...
Automatically review code changes for quality, best practices, TypeScript compliance, React/Next.js patterns, and project-specific conventions. Use before commits, after significant changes, or before pull requ...
Update the project learning logs (PowerShell/cmd, Git/GitHub/Copilot, AWS, TypeScript, Next.js/React, Playwright) by merging new knowledge into existing categories across one or more files.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。