下载

Skill UI

浏览并发现 6556+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索组件设计，共找到 24 条记录

默认排序最新上传最多下载

Angular 界面模式指南

angular-ui-patterns

sickn33/antigravity-awesome-skills

提供 Angular 加载、错误、按钮与空状态的界面设计规范，涵盖 @if/@for/@defer 结构、骨架/转轮选择与并发操作限制等场景，帮助构建响应式组件并友好展示异步数据。

Clerk参考架构模式

clerk-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

指导开发者在 Next.js、微服务、多租户 SaaS 及移动+Web 等场景中设计 Clerk 身份认证架构，包括流程规划、组件视图及集成示例。

TypeScript 编码规范

coding-standards

affaan-m/everything-claude-code

为 TypeScript、JavaScript、React 和 Node.js 项目提供统一的代码质量原则、命名规范、不可变性、异步处理、组件与 API 设计标准，帮助团队保持一致。

生产级 Django 架构方案

django-patterns

affaan-m/everything-claude-code

总结了构建可扩展、可维护 Django 应用的核心模式，包括 DRF REST API 设计、ORM 模型规范、缓存与信号、组件中间件、项目结构及生产环境配置。

Documenso 参考架构指南

documenso-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

提供可投入生产的 Documenso 参考架构，涵盖项目结构、分层组件、数据流程与 webhook 等内容，帮助团队设计、审查并统一文档签署集成的架构标准。

Figma MCP 集成指南

tech-leads-club/agent-skills

通过 Figma MCP 服务器获取设计上下文、截图、变量和资源，并将节点输出转换为当前项目的组件和样式，复用已有配色、排版与布局规范。

Figma 设计落地组件

figma-implement-design

tech-leads-club/agent-skills

按流程使用 Figma MCP 输出的信息，将用户提供的节点或组件设计转成一致的项目代码，保持像素级还原、配色与资产，确保与 Figma 视觉、设计系统规范契合。

前端设计策略指南

frontend-blueprint

tech-leads-club/agent-skills

通过结构化流程在编码前收集参考、设计令牌、排版与布局偏好，确保页面、仪表盘、组件等前端界面符合用户愿景并精准落地。

大胆独特的前端设计

frontend-design

anthropics/claude-plugins-official

为前端组件、页面或应用提出明确、出挑的设计方向，贯彻字体、色彩、布局与动效细节，打造记忆点十足的高质量界面。

苹果 HIG 选择与输入控件

hig-components-controls

sickn33/antigravity-awesome-skills

归纳苹果人机界面指南中关于切换、分段、滑杆、选择器、步进器、文本输入及评级等控件的用法，帮助设计师在设置页或表单中选出一致且可访问的交互组件。

苹果界面布局导航规范

hig-components-layout

sickn33/antigravity-awesome-skills

总结苹果人机界面指南对 iPhone/iPad/Mac/visionOS 上布局与导航组件的组织原则、适配模式、多任务支持及大小类检查表，帮助设计者选定合规结构。

苹果系统体验指南

hig-components-system

sickn33/antigravity-awesome-skills

为 Apple 开发者提供系统体验组件（小组件、实时活动、通知、复杂功能、主屏快捷方式、Top Shelf、表盘、App Clip、快捷指令）的设计原则，强调精简内容、适配尺寸、及时更新和深度链接，提升锁屏等外围界面的效率。

语言