GitHub
frontend-app-design
Create distinctive, production-grade web interfaces using React, Tailwind, and shadcn/ui. Use when building pages, components, or styling any web UI.
Résultats pour « React »
Skills correspondant au nom, à la description ou à l’auteur GitHub.
Catégories: Développement
Explorer
GitHub
ui-skills
Comprehensive UI/frontend development skill for React, Next.js, Vue, Svelte, and Tailwind CSS. Provides guidance on component architecture, accessibility, responsive design, state management, and modern CSS tec...
GitHub
using-keys
ReactUMG key 使用规范。在渲染列表、map 循环、拖拽预览、动态组件等场景时激活。key 标识组件身份而非位置，禁止使用坐标/索引等频繁变化的值作为 key，避免性能问题和组件重建。
GitHub
reactumg-architecture
ReactUMG 架构原理深度解析。仅供 PlanReactUMG 和 DebugReactUMG Agent 显式调用，不应在日常开发中直接激活。包含三层架构、Reconciler、hostConfig 等底层实现机制。
GitHub
reactumg-knowledge
ReactUMG 完整开发知识库。仅供 PlanReactUMG 和 DebugReactUMG Agent 显式调用，不应在日常开发中直接激活。包含所有开发规则、代码示例和最佳实践的详细参考文档。
GitHub
avoiding-pitfalls
ReactUMG 常见组件陷阱/坑/问题提醒。在使用 ComboBoxString、EditableTextBox、SpinBox、ScrollBox、ProgressBar 等复杂组件时激活。涵盖动态选项不生效、ref 回调重复调用、深色主题配置等常见问题的解决方案。
GitHub
handling-tarrays
ReactUMG TArray/数组属性处理指南。在传递数组给 UE 组件、使用 GridPanel 的 ColumnFill/RowFill、或遇到"不能用 JS 数组"问题时激活。必须用 UE.NewArray() 创建原生数组，包含 BuiltinFloat/String/Int 等类型常量。
GitHub
handling-colors
ReactUMG 颜色/色彩类型速查。在设置背景色、前景色、透明度、ColorAndOpacity、BrushColor、ForegroundColor 等颜色属性时激活。帮助区分 SlateColor（嵌套结构）和 LinearColor（直接结构）的正确用法，以及 ColorUseRule 的...
GitHub
using-alignment-enums
ReactUMG 对齐/居中与可见性/显隐枚举值速查。在设置水平对齐、垂直对齐、HorizontalAlignment、VerticalAlignment、Visibility、隐藏/显示组件时激活。注意 Center=2（不是1）、Visible=0、Collapsed=1 等常见混淆点。
GitHub
configuring-slots
ReactUMG Slot 布局/定位系统指南。在配置 CanvasPanel、设置组件位置/坐标/尺寸/大小、使用锚点/Anchors/Offsets、或实现居中/全屏/侧边栏等布局需求时激活。CanvasPanelSlot 有特殊的 Position→Offsets 映射规则，其他 17 种...
GitHub
using-refs
ReactUMG 两种 ref/引用区分指南。React ref 用于获取组件/Widget 实例引用调用原生方法，PuerTS $ref/$unref 用于处理 UE C++ out 参数（如 GetDataTableRowNames、CaptureMouse）。这是两个完全不同的概念，混淆会导致类型错...
GitHub
frontend-engineer
Apply when writing React/TypeScript frontend code. Enforces component architecture patterns, type safety, and reusability standards.
GitHub
frontend-designer
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...
GitHub
react-human-made
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...
GitHub
typescript
TypeScript and React/TSX coding conventions and patterns
GitHub
vueuse-composables
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.
GitHub
my-react-rules
This is a new rule
GitHub
frontend-auditor
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",...
GitHub
performance
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:...
GitHub
testing
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...
GitHub
component-creation
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...
GitHub
form-builder
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...
GitHub
code-review
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...
GitHub
code-review-excellence
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...
Catégories populaires
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.