GitHub
renderer-process-unit-tests
This document describes how to write unit tests for the React renderer process (src/renderer). Use this when asked to create or update and fix unit tests.
☆ 0View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: DevOps
Browse skills
GitHub
react-form-instructions
This guide describes the best practices for creating forms in React using modern hooks (useActionState, useFormStatus) with a component-based architecture that optimizes re-rendering and maintains clean separat...
☆ 0View skill
GitHub
react-useeffect
Use when writing or reviewing React useEffect, useState for derived values, data fetching, or synchronizing state with external systems.
☆ 0View skill
GitHub
tanstack-react-query
Cách dùng @tanstack/react-query v5 trong repo này (QueryProvider, optimistic updates, invalidate sau mutation).
☆ 0View skill
GitHub
react-hook-form
Pattern dùng react-hook-form + Shadcn Form + next-intl trong repo này (client forms, admin/forms).
☆ 0View skill
GitHub
zod
Quy ước dùng Zod trong repo (schemas folder, Vietnamese messages, integration với react-hook-form và server actions).
☆ 0View skill
GitHub
metronic-module
Create new modules for the Providr Provider Portal using Metronic Tailwind React theme, Shadcn UI, and KeenIcons. Use when building new features, pages, or modules that follow the established patterns, or when...
☆ 0View skill
GitHub
ui-ux-pro-max
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
☆ 0View skill
GitHub
frontend-ddd
Assist with Frontend DDD architecture design, component organization, and testing. Triggers: frontend, 前端, react, component, 元件, vitest.
☆ 0View skill
GitHub
email-dev
Email template development with React Email and Tailwind CSS. Use when creating or modifying email templates, testing email rendering, or building email HTML from React components.
☆ 0View skill
GitHub
setup-react-grab
Automatically detects React framework (Next.js, Vite, CRA, Remix) and injects react-grab for element selection. Use when setting up react-grab, adding react-grab to a project, or when user mentions react-grab i...
☆ 0View skill
GitHub
expo-frontend-upgrade
Modernize and restyle the Expo/React Native frontend (React 19, RN 0.81, expo-router) while keeping flows working. Use for UI refreshes, design-token alignment, accessibility/UX polish, performance/responsivene...
☆ 0View skill
GitHub
react-create-layout
Creates production-ready React layouts with proper Tailwind CSS practices. Use when building UI layouts, landing pages, dashboards, or any React component that requires styling and structure.
☆ 0View skill
GitHub
web-docs
Documentation for web libraries including shadcn/ui, React Router, React Query, Framer Motion, and more. Read docs before working with these libraries and when stuck on problems.
☆ 0View skill
GitHub
frontend-design
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...
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
GitHub
using-keys
ReactUMG key 使用规范。在渲染列表、map 循环、拖拽预览、动态组件等场景时激活。key 标识组件身份而非位置，禁止使用坐标/索引等频繁变化的值作为 key，避免性能问题和组件重建。
☆ 0View skill
GitHub
reactumg-architecture
ReactUMG 架构原理深度解析。仅供 PlanReactUMG 和 DebugReactUMG Agent 显式调用，不应在日常开发中直接激活。包含三层架构、Reconciler、hostConfig 等底层实现机制。
☆ 0View skill
GitHub
reactumg-knowledge
ReactUMG 完整开发知识库。仅供 PlanReactUMG 和 DebugReactUMG Agent 显式调用，不应在日常开发中直接激活。包含所有开发规则、代码示例和最佳实践的详细参考文档。
☆ 0View skill
GitHub
avoiding-pitfalls
ReactUMG 常见组件陷阱/坑/问题提醒。在使用 ComboBoxString、EditableTextBox、SpinBox、ScrollBox、ProgressBar 等复杂组件时激活。涵盖动态选项不生效、ref 回调重复调用、深色主题配置等常见问题的解决方案。
☆ 0View skill
GitHub
handling-tarrays
ReactUMG TArray/数组属性处理指南。在传递数组给 UE 组件、使用 GridPanel 的 ColumnFill/RowFill、或遇到"不能用 JS 数组"问题时激活。必须用 UE.NewArray() 创建原生数组，包含 BuiltinFloat/String/Int 等类型常量。
☆ 0View skill
GitHub
handling-colors
ReactUMG 颜色/色彩类型速查。在设置背景色、前景色、透明度、ColorAndOpacity、BrushColor、ForegroundColor 等颜色属性时激活。帮助区分 SlateColor（嵌套结构）和 LinearColor（直接结构）的正确用法，以及 ColorUseRule 的...
☆ 0View skill
GitHub
using-alignment-enums
ReactUMG 对齐/居中与可见性/显隐枚举值速查。在设置水平对齐、垂直对齐、HorizontalAlignment、VerticalAlignment、Visibility、隐藏/显示组件时激活。注意 Center=2（不是1）、Visible=0、Collapsed=1 等常见混淆点。
☆ 0View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.