带有标签“组件”的 Skills

react-native-patterns - React Native 组件与交互设计模式指南
react-native 移动端组件无障碍
★ 602 · 更新于 2026-09-20
提供 React Native 组件与交互模式指南，涵盖 Pressable、FlashList、底部弹窗、无障碍设置、expo-image 与 Expo Router 路由导航。
⚙ 实现 Pressable 触摸目标 ⚙ 使用 Text 包裹文本字符串 ⚙ 配置 ScrollView 容器
ui-design-brain - 生成生产级 UI 组件与 Web 界面。
UI设计组件库 React Tailwind-CSS
★ 885 · 更新于 2026-09-19
基于 60 个以上的 UI 组件模式提供规范指导，用于生成生产级的 Web 界面与前端代码。
⚙ 识别所需的 UI 组件 ⚙ 应用组件最佳实践 ⚙ 选择设计风格预设
convex-components - 使用 Convex Components 添加隔离后端功能与组合 API
convex 组件后端数据库
★ 1 · 更新于 2026-09-14
用于安装、调用、编写及管理 Convex Components，以添加隔离的后端功能并组合组件 API。
⚙ 安装 Convex 组件包 ⚙ 调用公共组件 API ⚙ 编写可重用的后端组件
frontend-design - 构建独具特色且具备生产级质量的前端界面
前端 UI设计 Web开发组件
★ 0 · 更新于 2026-09-14
生成生产级前端代码与定制 UI 设计，用于构建 Web 组件、页面及应用程序，规避同质化 AI 美学。
⚙ 设计定制前端用户界面 ⚙ 生成生产级前端代码 ⚙ 构建 Web 组件与页面
frontend-design - 创建独特且具备生产级质量的前端界面
前端 UI设计组件 CSS
★ 0 · 更新于 2026-09-14
构建网页组件、页面、应用与布局，提供具备高设计质量与特定美感的代码。
⚙ 构建网页组件 ⚙ 设计前端页面布局 ⚙ 实现 HTML CSS JS 代码
openclaw-design-system-kickoff - 为新产品或重构建立实用的设计系统起步方案。
设计系统项目启动 Token 组件
★ 0 · 更新于 2026-09-12
在项目需要统一的 Token、视觉方向和组件族时，为新产品或重大重构定义实用的设计系统起步方案。
⚙ 捕获产品上下文与约束 ⚙ 定义产品设计关键词 ⚙ 将关键词转化为系统选择
convex-add - 为现有 Convex 应用添加功能
convex 后端功能扩展组件
★ 137 · 更新于 2026-09-10
通过查询功能目录或回退组件搜索，为现有 Convex 应用添加后端功能或 @convex-dev 组件。
⚙ 识别请求的 Convex 功能 ⚙ 获取 Convex 功能目录 ⚙ 获取功能文档文件
ui-handler - 使用 Shadcn MCP 和 21st.dev MCP 构建 UI
ui shadcn 21st-dev 组件
★ 602 · 更新于 2026-09-10
使用 Shadcn MCP 和 21st.dev MCP 实现标准 UI 组件、复杂页面区块、页面布局及主题样式。
⚙ 安装标准 UI 组件 ⚙ 生成复杂页面区块 ⚙ 更新应用主题与样式
explore-recipes - 浏览并探索可用的 ShipSwift 组件与 Recipes。
shipswift swiftui 组件目录
★ 0 · 更新于 2026-09-10
浏览 ShipSwift 组件目录，展示具体组件详情并推荐组合搭配方案。
⚙ 展示分类组件目录 ⚙ 展示组件详情与依赖 ⚙ 推荐互补组件组合
harmony-components - 鸿蒙官方组件的检索与集成。
鸿蒙组件检索集成
★ 6 · 更新于 2026-09-09
根据需求检索鸿蒙官方组件索引，加载相关文档并指导安装与使用。
⚙ 检索组件索引 ⚙ 加载组件详情 ⚙ 安装官方组件
install-sections - 安装 shadcnblocks 章节并实现国际化构建页面
shadcnblocks 国际化页面构建 nextjs
★ 602 · 更新于 2026-09-09
按顺序安装 shadcnblocks 章节，创建页面文件，提取硬编码文本至翻译文件并使用 useTranslations 实现国际化。
⚙ 安装新的 shadcnblocks 章节 ⚙ 创建或更新页面文件 ⚙ 导入已安装章节组件
Components Standards - 设计可复用的前端组件
前端组件 UI TypeScript
★ 602 · 更新于 2026-06-30
遵循单一职责原则创建专注、可组合的UI组件，保持最小化属性。
⚙ 创建组件文件 ⚙ 定义组件接口 ⚙ 实现组合模式
frontend - 前端开发模式
前端开发组件状态管理性能优化
★ 18 · 更新于 2026-06-30
提供组件设计、状态管理、性能优化和无障碍开发的前端模式
⚙ 创建组件 ⚙ 修改组件 ⚙ 设计UI交互
ckm:ui-styling - UI样式设计与shadcn/ui组件库
UI 样式组件 Tailwind CSS
★ 7 · 更新于 2026-06-30
使用shadcn/ui组件、Tailwind CSS实用样式和画布视觉设计创建可访问的用户界面
⚙ 创建UI组件 ⚙ 样式化界面 ⚙ 构建布局
react-dev - React TypeScript 开发
react typescript 前端组件
★ 1 · 更新于 2026-06-30
使用 TypeScript 构建类型安全的 React 组件，支持 React 19 和服务端组件
⚙ 构建类型化组件 ⚙ 实现泛型组件 ⚙ 类型化事件处理
react-dev - 类型安全的 React 组件和 Hooks
React TypeScript 组件 Hooks
★ 4 · 更新于 2026-06-30
使用 TypeScript 构建类型安全的 React 组件，支持 React 19 特性和路由
⚙ 构建类型安全的 React 组件 ⚙ 实现泛型组件 ⚙ 类型化事件处理器
rails-design-system - Rails 设计系统指南
rails 设计系统前端 tailwind
★ 159 · 更新于 2026-06-15
构建 Rails UI 组件的设计系统指南
⚙ 应用设计规则 ⚙ 定义设计令牌 ⚙ 提取部分视图
lcsc - LCSC零件搜索与数据手册下载
电子元件零件采购数据手册库存查询
★ 543 · 更新于 2026-06-15
通过LCSC编号或MPN搜索零件，查询库存价格，下载数据手册
⚙ 搜索LCSC零件 ⚙ 按MPN搜索 ⚙ 查询库存状态
setup-design-system - 初始化设计系统及UI组件
设计系统 Tailwind shadcn 无障碍
★ 18 · 更新于 2026-05-28
初始化设计系统或创建符合无障碍标准的UI组件，集成Tailwind和shadcn
⚙ 检查特性分支 ⚙ 评估设计系统 ⚙ 创建组件
design-guide - 现代UI设计指南
UI 设计前端样式
★ 18 · 更新于 2026-05-28
提供现代UI设计原则，用于构建简洁、专业且一致、最小化、可访问的界面。
⚙ 定义配色方案 ⚙ 指定间距单位 ⚙ 设置排版规则

Scroll to load more