下载

Skill UI

浏览并发现 9916+ 精选技能

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

搜索界面设计，共找到 47 条记录

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

可重用界面组件模式生成

sickn33/antigravity-awesome-skills

本技能旨在帮助开发者根据现有设计系统（如StyleSeed的原子组件）生成结构化、可复用的UI布局模式。适用于构建需要跨多个页面保持设计一致性和重复使用性的组件，例如卡片列表、数据表、表单区域等。它指导如何从最小的构建块开始，确保组件的动态性和可扩展性，避免重复编写页面特定的标记代码。

UI设计系统合规性审核

sickn33/antigravity-awesome-skills

本技能用于对用户界面代码进行严格的结构化审核，确保其完全符合既定的设计系统规范。它重点检查设计令牌（Design Tokens）、组件可用性、可访问性标准（如颜色对比度和焦点状态）以及移动端用户体验，从而提供带具体修复建议的审核报告。

网页界面指南合规性检查

web-design-guidelines

bytedance/deer-flow

用于对用户界面（UI）代码进行全面审查，以确保其符合最新的网页界面设计指南和最佳实践。该工具特别适合进行可访问性审计、设计合规性检查和代码质量审查，帮助开发者确保产品达到行业最高标准。

React设计系统代码生成器

sickn33/antigravity-awesome-skills

本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。

可画设计创建与导出工作流

canva-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

提供完整的Canva设计自动化流程。用户可以通过此工作流通过API创建新设计，将用户引导至编辑界面，并在设计完成后，程序化地导出高质量资产（如PDF、PNG、JPG等）。适用于将设计能力集成到内容管理系统（CMS）或营销自动化工具等外部应用场景。

Framer代码组件与覆盖层

framer-core-workflow-b

jeremylongshore/claude-code-plugins-plus-skills

本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。

Web管理后台UI组件库

webiny-admin-ui-catalog

webiny/webiny-js

这是一个全面的管理后台UI组件库，包含大量高质量的抽象组件，用于构建专业的管理控制面板和用户界面。它提供了布局管理、数据表格、复杂表单、对话框等关键构建块，确保了大型Web应用在设计和开发上的高度一致性和效率。

代码化创建无头CMS内容模型

webiny-api-cms-content-models

webiny/webiny-js

本技能详细介绍了如何使用ModelFactory设计模式，通过代码实现无头CMS内容模型的创建、配置和管理。用户可以定义复杂的字段类型、设置数据验证规则、配置界面布局以及管理API命名，是扩展和定制CMS核心功能的关键指南。

咖啡风格设计系统指南

bergside/awesome-design-skills

本技能旨在指导用户建立一套具有咖啡馆温馨氛围的完整设计系统。它提供了从品牌风格、颜色、排版、组件状态到无障碍访问（WCAG 2.2 AA）的全面规范，帮助设计和开发团队构建一致、易用且美观的产品界面。

Colorful设计系统实现指南

bergside/awesome-design-skills

这是一份用于构建现代、高对比度用户界面的全面技术与审美指南。系统定义了颜色令牌、排版比例和间距网格等基础约束，并严格遵循WCAG 2.2 AA可访问性标准。它为组件状态、交互和开发流程提供了结构化规则，确保产品视觉一致性和卓越的用户体验。

玻璃拟态设计系统专家指南

bergside/awesome-design-skills

本技能提供了一套全面的玻璃拟态（Glassmorphism）设计系统构建指南。它为工程师和设计师提供了可落地的实战规则，涵盖了风格基础、组件结构、交互状态管理以及WCAG 2.2 AA可访问性要求。使用本指南可以确保整个产品的用户界面具有视觉一致性、高性能和现代美感。

上一页 1 2 34

语言