登录
下载
Skill UI
浏览并发现
9688+
精选技能
全部
编程开发
人工智能
设计创意
产品商业
数据科学
市场营销
职场通用
效率工具
硬件工程
语言学习
搜索
UI界面
,共找到
161
条记录
默认排序
最新上传
最多下载
React设计系统代码生成器
rayden-code
sickn33/antigravity-awesome-skills
78
本工具用于使用指定的Rayden UI组件库和Tailwind CSS,生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范,涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面,保证界面美观和一致性。
查看详情
Anthropic事件流与异步处理
anth-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
236
本技能涵盖了使用Anthropic Claude API实现事件驱动架构的关键模式。它详细介绍了两种高级处理方式:用于实时流式传输的SSE事件,以及用于批量、异步处理的大规模消息批次API。适用于构建实时聊天界面或需要处理大量数据的后台任务。
查看详情
WCAG 2.2 无障碍设计与实现
accessibility
affaan-m/everything-claude-code
53
本技能旨在指导用户根据 WCAG 2.2 标准,设计和实现具备高无障碍性的数字产品。内容涵盖了可感知、可操作、可理解和健壮的四大原则(POUR),并提供了Web (ARIA)、iOS和Android等跨平台的技术细节,确保所有用户群体都能无障碍使用界面。
查看详情
苹果设计规范专家指南
apple-hig-expert
alirezarezvani/claude-skills
174
本技能模拟资深苹果设计总监角色,提供基于Apple人体界面指南(HIG)的全面设计指导。它涵盖了iOS、macOS和visionOS等多个平台,帮助用户设计和审计应用,确保产品在保持原生系统感的同时,融入如“液态玻璃”等前沿美学,并从一开始就贯彻无障碍设计原则。适用于项目初期的设计构思和系统化的应用审计。
查看详情
语义设计系统文档生成
design-md
google-labs-code/stitch-skills
64
本技能充当专家级设计系统负责人,能够深度分析现有项目(包含HTML、CSS和截图)的技术资产。它将提取并综合一套完整的“语义设计系统”,生成一份结构化的DESIGN.md文件。该文件是权威的“单一事实来源”,确保后续使用AI工具(如Stitch)生成的所有新界面,都能完美遵循既定的视觉语言、色彩规范和组件标准。
查看详情
增强AI界面设计提示词
enhance-prompt
google-labs-code/stitch-skills
338
这是一个专业的提示词优化器,专门用于将用户模糊的UI/UX概念转化为结构化、高度优化的AI设计提示词。它可以自动补充缺失的平台信息、设计系统细节、组件名称和页面结构,确保输入给AI工具的指令清晰、专业,从而获得更精确、更高质量的视觉设计结果。
查看详情
Framer代码组件与覆盖层
framer-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
165
本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示,以及实现复杂的代码覆盖层(如滚动触发动画和磁性悬停效果)。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。
查看详情
Glean本地开发与模拟环境
glean-local-dev-loop
jeremylongshore/claude-code-plugins-plus-skills
452
本工具提供一套完整的Glean企业搜索API本地开发工作流。它允许开发者模拟本地搜索结果、数据源和连接器,从而在无需实际Glean部署的情况下开发和测试自定义的搜索界面和数据连接器。支持在模拟模式和沙箱模式之间切换,加速开发迭代,确保构建健壮的企业搜索应用。
查看详情
专业移动App界面与流程设计
imagegen-frontend-mobile
Leonxlnx/taste-skill
348
专业的移动应用界面设计助手,专注于生成高保真、原生、且极具可读性的UI/UX概念图。该技能可以可视化整个App的完整使用流程,涵盖从用户引导、登录认证到复杂的业务仪表盘。适用于所有类型的移动产品视觉概念验证,确保设计具有极高的专业度和视觉一致性。
查看详情
Lambda智能体原生通讯语言
lambda-lang
sickn33/antigravity-awesome-skills
378
Lambda是一种专为智能体(Agent)设计的原生、紧凑的机器通信协议。它不依赖自然语言,而是使用由“原子”(atoms,2字符代码)构成的共享词汇表,实现智能体间的无歧义通讯。适用于多智能体系统中的任务分配、编排器通信、心跳信号或状态记录等结构化协调信号。该语言仅应用于机器间通信,不适用于人类交互界面。
查看详情
编程式OCI可观测性配置
oraclecloud-observability
jeremylongshore/claude-code-plugins-plus-skills
359
本技能指导用户使用Python SDK,通过代码实现对甲骨文云基础设施(OCI)的完整可观测性配置。涵盖了程序化查询监控指标、创建告警规则、发布自定义指标以及搜索日志等关键流程。帮助用户摆脱对控制台界面的依赖,实现全流程、代码驱动的系统监控和告警管理。
查看详情
Figma设计系统组件构建
rayden-use
sickn33/antigravity-awesome-skills
206
这是一个专业的Figma工具,用于构建和维护复杂的用户界面组件和完整页面。它能严格执行设计的系统规范(如设计令牌和工艺规则),确保所有输出在视觉和结构上都高度一致且专业。适用于创建新组件、设计全景仪表板或着陆页,以及对现有设计文件进行合规性审计。
查看详情
上一页
1
2
3
...
7
8
9
10
11
12
13
14
下一页
语言
简体中文
English