LogoClawIndex
案例技能关于
LogoClawIndex

React Frontend Development - 为Medellin Spark平台构建React前端组件

使用TypeScript、Tailwind CSS及React Query为Medellin Spark平台构建前端React组件。

标签

更新于: 2026-09-21

能力

典型输入

典型输出

该技能可以做什么

  • 构建React UI组件
  • 使用React Query管理状态
  • 集成Supabase数据库查询
  • 使用Tailwind CSS设置界面样式
  • 实现shadcn UI组件
  • 优化React组件性能

输入

  • 组件属性与TypeScript类型定义
  • Supabase环境变量与密钥
  • 数据库表结构与Profile ID

输出

  • React组件与自定义Hook
  • Supabase数据库查询与变更
  • Toast通知提示

要求

  • React 18与Vite项目配置
  • TypeScript与Tailwind CSS配置
  • 启用了RLS策略的Supabase后端项目

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
react
typescript
tailwind-css
react-query
supabase
前端开发
构建React UI组件
使用React Query管理状态
集成Supabase数据库查询
使用Tailwind CSS设置界面样式
组件属性与TypeScript类型定义
Supabase环境变量与密钥
数据库表结构与Profile ID
React组件与自定义Hook
Supabase数据库查询与变更
Toast通知提示