React UI 模式
SkillSkillsMP
io.github.davila7/claude-code-templates/react-ui-patterns
面向加载态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
source
“Ui” 共 2,080 个结果
io.github.davila7/claude-code-templates/react-ui-patterns
面向加载态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
io.github.davila7/claude-code-templates/frontend-to-backend-requirements
为后端开发者整理前端的数据需求。当前端需要把 API 需求传达给后端，或用户说后端需求、我需要哪些数据、API 需求，或在描述某个 UI 的数据依赖时使用。
io.github.aiskillstore/marketplace/swiftui-view-refactor
重构并审查 SwiftUI 视图文件，实现一致的结构、依赖注入与 Observation 使用。在被要求整理 SwiftUI 视图的布局/排序、安全处理视图模型（尽可能非可选），或统一依赖与 @Observable 状态的初始化与传递方式时使用。
io.github.aiskillstore/marketplace/backend-dev-guidelines
面向 Supabase Edge Functions + PostgreSQL 的全面后端开发指南。在使用 Supabase（数据库、认证、存储、realtime）、Edge Functions、PostgreSQL、行级安全（RLS）、Resend 邮件、Stripe 支付或 TypeScript 后端模式时使用。涵盖数据库设计、认证流程、Edge Function 模式、RLS 策略、邮件集成、支付处理与部署到 Supabase。
io.github.aiskillstore/marketplace/backend-dev-guidelines
面向 Node.js/Express/TypeScript 微服务的全面后端开发指南。在创建路由、控制器、服务、仓储、中间件，或使用 Express API、Prisma 数据库访问、Sentry 错误追踪、Zod 校验、unifiedConfig、依赖注入或异步模式时使用。涵盖分层架构（路由 → 控制器 → 服务 → 仓储）、BaseController 模式、错误处理、性能监控、测试策略以及从遗留模式的迁移。
io.github.softaworks/agent-toolkit/frontend-to-backend-requirements
为后端开发者整理前端的数据需求。适用于前端需要向后端传达 API 需求，或用户说“backend requirements”“what data do I need”“API requirements”，或在描述 UI 所需数据时
io.github.ComposioHQ/awesome-codex-skills/mcp-builder
构建高质量 MCP（Model Context Protocol）服务器的指南，通过设计良好的工具让 LLM 能够与外部服务交互。在构建 MCP 服务器以集成外部 API 或服务时使用，支持 Python（FastMCP）与 Node/TypeScript（MCP SDK）。
io.github.harperreed/dotfiles/swiftui-view-refactor
重构并审查 SwiftUI 视图文件，实现一致的结构、依赖注入与 Observation 使用。在被要求整理 SwiftUI 视图的布局/排序、安全处理视图模型（尽可能非可选），或统一依赖与 @Observable 状态的初始化与传递方式时使用。
io.github.code-yeongyu/oh-my-openagent/frontend-ui-ux
由设计师转行的开发者,即使没有设计稿也能打造出色的 UI/UX。
io.github.ChrisWiles/claude-code-showcase/react-ui-patterns
面向加载状态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
io.github.davepoon/buildwithclaude/mcp-builder
创建高质量 MCP（Model Context Protocol）服务器的指南，通过设计精良的工具让 LLM 与外部服务交互。在构建 MCP 服务器以集成外部 API 或服务时使用，Python（FastMCP）或 Node/TypeScript（MCP SDK）皆可。
io.github.Microck/ordinary-claude-skills/backend-dev-guidelines
面向 Langfuse 的 Next.js 14/tRPC/Express/TypeScript 单仓的完整后端开发指南。在创建 tRPC 路由、公开 API 端点、BullMQ 队列处理器与服务，或处理 tRPC 过程、Next.js API 路由、Prisma 数据库访问、ClickHouse 分析查询、Redis 队列、OpenTelemetry 埋点、Zod v4 校验、env.mjs 配置、租户隔离模式或异步模式时使用。涵盖分层架构（tRPC 过程 → 服务、队列处理器 → 服务）、双数据库体系（PostgreSQL + ClickHouse）、按 projectId 过滤实现多租户隔离、traceException 错误处理、可观测性模式与测试策略（web 端 Jest、worker 端 vitest）。
io.github.diet103/claude-code-infrastructure-showcase/backend-dev-guidelines
Node.js/Express/TypeScript 微服务的完整后端开发指南。在创建路由、控制器、服务、repository、middleware，或使用 Express API、Prisma 数据库访问、Sentry 错误追踪、Zod 校验、unifiedConfig、依赖注入或异步模式时使用。涵盖分层架构（routes → controllers → services → repositories）、BaseController 模式、错误处理、性能监控、测试策略，以及从遗留模式的迁移。
io.github.diet103/claude-code-infrastructure-showcase/frontend-dev-guidelines
React/TypeScript 应用的前端开发准则。包含 Suspense、懒加载、useSuspenseQuery、按 features 目录组织文件、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在创建组件、页面、功能模块、拉取数据、写样式、路由或处理前端代码时使用。
io.github.openai/skills/winui-app
依照 Microsoft 官方指导、WinUI Gallery 模式、Windows App SDK 示例与 CommunityToolkit 组件，用 C# 与 Windows App SDK 引导、开发并设计现代 WinUI 3 桌面应用。适用于全新应用创建、WinUI 环境准备、审查、重构、规划、排障、环境检查，或涉及 WinUI 3 XAML、控件、导航、窗口、主题、无障碍、响应式、性能、部署等 Windows 应用设计与开发工作。
io.github.vercel-labs/agent-skills/writing-guidelines
审查文档是否符合 Writing Guidelines。当被要求“review my docs”“check writing style”“audit prose”“review docs voice and tone”或“check this page against the writing handbook”时使用。
io.github.vercel-labs/agent-skills/web-design-guidelines
按 Web Interface Guidelines 合规性审查 UI 代码。当被要求“审查我的 UI”“检查无障碍”“审计设计”“评审 UX”或“对照最佳实践检查我的站点”时使用。
io.github.larksuite/cli/lark-doc
飞书云文档（Docx / Wiki）内容操作：读取、创建、编辑文档，插入或下载图片附件，以及操作思维笔记。用户提供文档 URL/token（包括 doubao.com 的 /docx/、/wiki/）时使用；按 URL 路径/token 而非域名路由。文档内嵌资源按读取参考中的统一规则分流。独立评论操作走 lark-drive；随正文读取评论使用 docs +fetch。表格或 Base 内部数据操作不在本 skill。
io.github.larksuite/cli/lark-base
飞书多维表格（Base）操作：建表、字段、记录、视图、统计、公式/lookup、表单、仪表盘、应用模式（BaseApp/AppMode 页面与组件）、Workspace 目录、workflow、角色权限、模板中心（多维表格模板分类/列表/搜索）；遇到 Base/多维表格/bitable、BaseApp/AppMode、/base/ 或 /app/ 链接时使用。BaseApp 不走 lark-apps；文件导入/导出转 lark-drive，认证/授权转 lark-shared。
io.github.larksuite/cli/lark-shared
用于 lark-cli 的登录、身份切换与权限范围等认证配置任务。
io.github.larksuite/cli/lark-im
飞书即时通讯：收发消息和管理群聊。发送和回复消息、搜索聊天记录、管理群聊成员、上传下载图片和文件、管理表情回复、发送应用内/短信/电话加急、发送和处理交互卡片（Interactive Card）、监听卡片按钮回调（card.action.trigger）。当用户需要发消息、查看或搜索聊天记录、下载聊天中的文件、查看群成员、搜索群、创建群聊或话题群、管理标记数据、管理 Feed 置顶（添加/移除/查询置顶会话）、管理标签数据、处理卡片回调时使用。
io.github.larksuite/cli/lark-drive
飞书云空间（云盘/云存储）：管理 Drive 文件和文件夹，包含上传/下载、创建文件夹、复制/移动/删除、查看元数据、查询权限设置、评论/权限/订阅、标题、版本、飞书文档密级标签（secure labels）和本地文件导入。用户需要整理云盘目录、处理云空间资源 URL/token、判断链接类型/真实 token/标题，或导入 Word/Markdown/Excel/CSV/PPTX/.base 为 docx/sheet/bitable/slides 时使用；doubao.com 云空间 URL/token 也按资源路径和 token 路由，不回退 WebFetch。不负责：文档内容编辑（走 lark-doc）、表格/Base 表内数据操作（走 lark-sheets/lark-base）、知识空间节点/成员管理（走 lark-wiki）、原生 Markdown 文件读写/patch/diff（走 lark-markdown）。
io.github.shadcn/ui/shadcn
暂无描述
v1.2.3
io.clawhub.nextfrontierbuilds/elite-longterm-memory
面向 Cursor、Claude、ChatGPT 与 Copilot 的终极 AI agent 记忆系统。WAL 协议 + 向量检索 + git-notes + 云备份，不再丢失上下文，适配 vibe-coding。