搜索「Ui」的结果

io.github.ComposioHQ/awesome-claude-plugins/mcp-builder

创建高质量 MCP（Model Context Protocol）服务器的指南，通过设计良好的工具让 LLM 与外部服务交互。当需要构建 MCP 服务器以集成外部 API 或服务时使用，支持 Python（FastMCP）或 Node/TypeScript（MCP SDK）。

io.github.snyk/agent-scan/mcp-builder

编写高质量 MCP（Model Context Protocol）服务器的指南，通过设计良好的工具让 LLM 能与外部服务交互。在构建用于集成外部 API 或服务的 MCP 服务器时使用，无论采用 Python（FastMCP）还是 Node/TypeScript（MCP SDK）。

io.github.github/awesome-copilot/penpot-uiux-design

使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的完整指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 构建含组件与设计令牌的设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准与最佳实践；(5) 遵循平台规范（iOS、Android、Material Design）；(6) 评审或改进现有 Penpot 设计的可用性。触发语包括"design a UI"、"create interface"、"build layout"、"design dashboard"、"create form"、"design landing page"、"make it accessible"、"design system"、"component library"。

io.github.multica-ai/andrej-karpathy-skills/karpathy-guidelines

减少 LLM 常见编码失误的行为准则。在编写、评审或重构代码时使用，以避免过度复杂化、做精准的小改动、显式暴露假设，并定义可验证的成功标准。

io.github.davila7/claude-code-templates/ui-ux-pro-max

UI/UX 设计智能库：50 种风格、21 套色板、50 组字体搭配、20 种图表、9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：规划、构建、创建、设计、实现、审查、修复、优化、增强、重构、检查 UI/UX 代码。项目类型：网站、落地页、仪表盘、后台管理、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简、粗野主义、新拟态、便当格、暗色模式、响应式、拟物、扁平。主题：色板、无障碍、动效、布局、排版、字体搭配、间距、hover、阴影、渐变。集成：通过 shadcn/ui MCP 检索组件与示例。

io.github.davila7/claude-code-templates/browser-extension-builder

解决真实问题的浏览器扩展开发专家，覆盖 Chrome、Firefox 与跨浏览器扩展。内容包括扩展架构、manifest v3、内容脚本、弹窗 UI、变现策略以及 Chrome 应用商店发布。触发场景：浏览器扩展、chrome 扩展、firefox 插件、扩展、manifest v3。

io.github.davila7/claude-code-templates/backend-dev-guidelines

Node.js/Express/TypeScript 微服务的完整后端开发指南。在创建路由、控制器、服务、仓储、中间件，或处理 Express API、Prisma 数据访问、Sentry 错误追踪、Zod 校验、unifiedConfig、依赖注入与异步模式时使用。覆盖分层架构（routes → controllers → services → repositories）、BaseController 模式、错误处理、性能监控、测试策略以及从旧模式的迁移。

io.github.davila7/claude-code-templates/frontend-dev-guidelines

React/TypeScript 应用的前端开发规范，包含 Suspense 与懒加载、useSuspenseQuery、按 features 目录组织代码、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在编写组件、页面、特性、拉取数据、写样式、做路由或处理前端代码时使用。

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.nextlevelbuilder/ui-ux-pro-max-skill/design-system

Token 架构、组件规格说明与 slides 生成。三层 token（primitive→semantic→component）、CSS 变量、间距与字体排印尺度、组件规格、策略性 slide 产出。适用于设计 token、体系化设计与符合品牌规范的演示文稿。

io.github.nextlevelbuilder/ui-ux-pro-max-skill/design

综合设计 skill：品牌识别、设计 token、UI 风格、logo 生成（55 种风格，可用 Gemini、Atlas Cloud 或 MuAPI AI）、企业识别系统（50 项交付物、CIP 样机）、HTML 演示（Chart.js）、banner 设计（22 种风格，社交/广告/网页/印刷）、图标设计（15 种风格，SVG，Gemini 3.1 Pro）、社交图片（HTML 转截图、多平台）。动作：设计 logo、制作 CIP、生成样机、做 slides、设计 banner、生成图标、制作社交图片/社媒图、品牌识别、设计体系。平台：Facebook、Twitter、LinkedIn、YouTube、Instagram、Pinterest、TikTok、Threads、Google Ads。