Building Frontend Dashboards
使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 239 个技能
使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。
使用 React Router 的数据模式 (data mode) 开发 React 应用程序,包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 与乐观 UI 更新。
Stripe 付款集成模式,涵盖结账、Webhook 与订阅。确保 API 安全使用、幂等性、签名验证与测试合规性。
TraceMem 基础心智模型与操作规则,确保 AI 代理执行过程的安全、可稽核性与合规性。
管理 Supabase 身份验证,包含用户注册、登录、会话管理以及通过 REST API 进行的管理级用户生命周期操作。
管理 AWS Identity and Access Management:配置用户、角色、策略与权限,确保云端环境安全性。
通过 Context7 API 获取 React、FastAPI、Next.js 等框架的实时技术文档、代码示例与开发指导。
研究技术文档并自动生成可直接使用的 Markdown 格式软件代理技能。
引导式功能开发代理,通过系统化的代码探索、架构设计、代码实现与自动化测试完整周期完成开发任务。
Spring Boot 服务的身份验证/授权、校验、CSRF、机密管理、响应头、速率限制及依赖安全的 Spring Security 最佳实践。
Google Ads 整合工具,通过 Membrane CLI 管理广告活动、账户、预算与报告。利用自动化身份验证与跨资源管理功能,优化您的广告工作流程。
通过预先配置的 Claude Code 目录、指令与代理机制,标准化项目架构,确保所有开发模板具备高度一致性。