带有标签“React”的 Skills

Frontend Next.js & Shadcn - Next.js 与 Shadcn UI 前端工程化规范
Next.js Shadcn UI Tailwind CSS React
★ 0 · 更新于 2026-09-21
提供基于 React、Next.js App Router、Tailwind CSS 与 Shadcn UI 的前端项目工程规范与 Apple 风格设计指南。
⚙ 搭建 Next.js App Router 架构 ⚙ 配置 Tailwind CSS 及 CSS 变量 ⚙ 集成 Shadcn UI 组件
tailwindcss-framework-integration - Tailwind CSS 与 React、Vue、Next.js 等框架集成指南
Tailwind CSS React Vue Next.js
★ 38 · 更新于 2026-06-30
提供 Tailwind CSS 与 React、Vue、Next.js、Svelte、Angular、Astro、Remix 等框架集成的分框架配置步骤、内容配置、暗色模式设置及类名合并方案。
⚙ 安装 Tailwind CSS 依赖包 ⚙ 配置 Vite 或 PostCSS 插件 ⚙ 导入 Tailwind CSS 样式表
i18n-setup-wizard - React、Vue 与 Next.js 国际化配置向导
国际化 i18n React Vue
★ 650 · 更新于 2026-06-30
为 React、Vue、Next.js 或原生 JS 搭建完整的国际化基础设施，包括框架配置、翻译文件和语言切换。
⚙ 从 package.json 检测前端框架 ⚙ 安装 i18n 依赖库 ⚙ 创建翻译 JSON 文件
motion-react - 使用 Motion（原 Framer Motion）构建 React 动画
React Motion Framer Motion 动画
★ 457 · 更新于 2026-06-30
使用 Motion 库创建 React 动画，支持手势交互、滚动效果、弹簧物理、布局动画、退出动画及运动值。
⚙ 创建 motion 动画组件 ⚙ 动画 CSS 属性值 ⚙ 配置弹簧与补间过渡
ckm:ui-styling - 使用 shadcn/ui 与 Tailwind CSS 构建无障碍界面
UI shadcn/ui Tailwind CSS 无障碍
★ 18 · 更新于 2026-06-30
使用 shadcn/ui 组件、Tailwind CSS 工具类样式和基于画布的视觉设计系统创建无障碍用户界面。
⚙ 安装 shadcn/ui 组件 ⚙ 应用 Tailwind CSS 工具类 ⚙ 创建响应式布局
dashboard-design - 设计高效仪表盘：KPI 卡片、数据表格与实时更新
仪表盘设计 UI 组件数据可视化管理面板
★ 650 · 更新于 2026-06-30
使用 React 和 Tailwind CSS 设计仪表盘，涵盖 KPI 展示、可排序数据表格和实时更新模式。
⚙ 设计 KPI 卡片布局 ⚙ 创建仪表盘网格布局 ⚙ 构建可排序数据表格
react-dev - 类型安全的 React 与 TypeScript 组件开发指南
React TypeScript React 19 服务端组件
★ 18 · 更新于 2026-06-30
提供使用 TypeScript 构建 React 组件的类型安全模式，涵盖 React 18-19 特性、事件处理、Hooks、泛型组件、服务端组件及路由集成。
⚙ 构建类型安全的 React 组件 ⚙ 实现泛型组件 ⚙ 为事件处理和 Hooks 添加类型
modal-drawer-system - 无障碍模态框与抽屉组件生成器
模态框抽屉无障碍 React
★ 61 · 更新于 2026-06-30
生成带有焦点陷阱、ESC 关闭、滚动锁定、Portal 渲染和 ARIA 属性的无障碍模态框与抽屉组件。
⚙ 创建模态框组件 ⚙ 创建抽屉组件 ⚙ 创建确认对话框
Components Standards - 设计可复用的前端组件
前端组件 UI TypeScript
★ 650 · 更新于 2026-06-30
遵循单一职责原则创建专注、可组合的UI组件，保持最小化属性。
⚙ 创建组件文件 ⚙ 定义组件接口 ⚙ 实现组合模式
software-localisation - 软件本地化实施模式
国际化本地化 Web 开发翻译
★ 60 · 更新于 2026-06-30
生产级 Web 应用国际化/本地化模式，涵盖库选择、ICU 格式、RTL 支持和 CI/CD 工作流
⚙ 选择 i18n 库 ⚙ 配置 ICU 消息 ⚙ 设置 RTL 布局
shadcn-ui-expert - shadcn-ui React 组件专家
React UI 组件 shadcn-ui Tailwind CSS
★ 650 · 更新于 2026-06-30
使用 shadcn-ui、Tailwind CSS 和 Radix UI 构建可访问的 React 组件
⚙ 安装 shadcn-ui 组件 ⚙ 创建表单组件 ⚙ 选择 UI 组件
jotai-reactive-atoms - Electron应用Jotai响应式状态管理
React 状态管理 Electron IPC
★ 650 · 更新于 2026-06-30
为Electron应用实现基于Jotai atom的响应式状态管理
⚙ 创建事件订阅源 ⚙ 创建混合atom ⚙ 创建流式atom
react-dev - 类型安全的 React 开发
React TypeScript 组件钩子
★ 1 · 更新于 2026-06-30
构建类型安全的 React 组件，处理事件，使用 React 19 特性和服务端组件
⚙ 构建类型化组件 ⚙ 实现泛型组件 ⚙ 类型化事件处理器
react-dev - 类型安全的 React 开发
React TypeScript 服务端组件类型安全
★ 2 · 更新于 2026-06-30
使用 TypeScript 构建 React 组件，支持 React 18-19 类型安全模式、服务端组件和路由集成
⚙ 构建类型化 React 组件 ⚙ 实现泛型组件 ⚙ 类型化事件处理器
react-dev - 类型安全的 React 组件和 Hooks
React TypeScript 组件 Hooks
★ 4 · 更新于 2026-06-30
使用 TypeScript 构建类型安全的 React 组件，支持 React 19 特性和路由
⚙ 构建类型安全的 React 组件 ⚙ 实现泛型组件 ⚙ 类型化事件处理器
react-dev - React TypeScript 开发
React TypeScript Web 开发前端
★ 2 · 更新于 2026-06-30
使用 TypeScript 构建类型安全的 React 组件，包括 Hooks、事件处理和 React 19 特性
⚙ 创建类型化 React 组件 ⚙ 实现泛型组件 ⚙ 类型化事件处理器
redux-toolkit - React状态管理Redux Toolkit
状态管理 React Redux Toolkit RTK Query
★ 33 · 更新于 2026-06-30
React状态管理库，包含切片、异步Thunk和RTK Query
⚙ 创建切片 ⚙ 配置store ⚙ 创建异步thunk
standards-components - UI 组件设计标准
UI 组件前端设计标准 React
★ 650 · 更新于 2026-06-15
设计可复用、可组合的 UI 组件，具有清晰的属性接口
⚙ 创建组件文件 ⚙ 修改现有组件 ⚙ 定义组件属性
design-system-patterns - 构建可扩展设计系统
设计系统设计令牌主题组件库
★ 0 · 更新于 2026-06-15
使用设计令牌、主题基础设施和组件架构模式构建可扩展设计系统
⚙ 定义设计令牌 ⚙ 配置主题基础设施 ⚙ 构建组件库
design-system-patterns - 设计系统模式架构
设计系统设计令牌主题组件库
★ 0 · 更新于 2026-06-15
使用设计令牌、主题基础设施和组件架构模式构建可扩展的设计系统
⚙ 创建设计令牌 ⚙ 实现主题切换 ⚙ 构建多品牌主题

Scroll to load more