登录
软件下载 帮助文档 新闻资讯

Skill UI

浏览并发现 19269+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 SwiftUI ，共找到 100 条记录
默认排序 最新上传 最多下载

块状色彩布局设计指南

color-blocking
sickn33/agentic-awesome-skills
149
本指南详细介绍了“块状色彩”布局的设计原理和实现方法。它指导用户利用大面积、高对比度的纯色块来构建极具视觉冲击力的几何网格布局，风格类似于蒙德里安。提供了基于CSS Grid、SwiftUI和Flutter的完整代码示例，适用于需要现代、醒目UI设计的场景。
查看详情

赛博Y2K故障美学指南

cyber-y2k
sickn33/agentic-awesome-skills
278
本指南提供了完整的赛博Y2K（Cyber Y2K）美学风格，用于网页和移动应用的实现。它结合了2000年初的怀旧数字元素、故障艺术（Glitch Art）以及全息渐变。包含CSS、SwiftUI和Flutter等主流框架的代码示例，帮助用户创建具有强烈的赛博朋克、故障和未来感的视觉体验。
查看详情

暗黑模式设计系统指南

dark-mode
sickn33/agentic-awesome-skills
471
本指南详细介绍了暗黑模式的设计原则和最佳实践，包括避免纯黑背景、通过明度建立表面层次以及使用低饱和度强调色等核心规则。内容涵盖Web（CSS）、iOS（SwiftUI）和Flutter等主流平台，提供具体的代码实现示例，帮助开发者打造高品质、低眼疲劳的用户界面。
查看详情

数据仪表盘设计与可视化

dashboard-design
sickn33/agentic-awesome-skills
91
本指南提供了跨平台（Web、iOS、Flutter）的专业数据仪表盘设计与实现方法。详细阐述了模块化网格、数据层级结构（KPIs、图表）和极简主义美学原则。包含CSS Grid、SwiftUI和Flutter等主流技术栈的代码示例，帮助构建既美观又高效的分析界面。
查看详情

双色调设计原则与实现

duotone-design
sickn33/agentic-awesome-skills
496
双色调设计是一种极简且冲击力强的美学风格，它将所有元素（图像、UI）限制为仅两种高对比度的颜色。本指南详细阐述了该风格的核心原则，并提供了Web、iOS、Flutter等主流平台的代码实现方法，帮助用户精准复刻这种独特视觉效果。
查看详情

杂志式编辑设计指南

editorial-design
sickn33/agentic-awesome-skills
227
本技能提供杂志式的编辑设计指南，适用于构建具有高端、出版物质感的界面。核心包括衬线/无衬线字体搭配、首字母大写、引文块和多栏排版，确保内容呈现专业且优雅，适用于所有内容展示型应用。
查看详情

Expo 跨平台原生 UI 构建

expo-ui
sickn33/agentic-awesome-skills
85
使用 @expo/ui 包通过 React 构建 iOS 和 Android 原生 UI 组件。支持跨平台通用组件及平台特定的 SwiftUI 或 Jetpack Compose 渲染。适用于 Expo SDK 56+ 项目，无需编写原生代码即可获得高性能界面。
查看详情

Expo UI SwiftUI 集成

expo-ui-swift-ui
sickn33/agentic-awesome-skills
395
使用SwiftUI视图和修饰符构建Expo SDK 55的iOS原生UI，通过Host和RNHostView嵌入React Native组件，需要原生重建以启用完整功能。
查看详情

平面设计实现指南

flat-design
sickn33/agentic-awesome-skills
120
本指南提供了全面的平面设计（Flat Design）原则和跨平台实现指南。它详细说明了如何在Web、App（iOS/Flutter/React Native）等主流环境中遵循“零深度”、“纯色块”和“锐利几何”的原则。核心在于去除所有阴影、渐变和立体效果，帮助开发者构建现代、简洁、高对比度的用户界面。
查看详情

半平式设计实现指南

flat-design-2
sickn33/agentic-awesome-skills
372
本指南提供半平式设计（Flat Design 2.0）的全面实现方案。该风格在保持极简扁平美学的基础上，通过使用低不透明度的柔和阴影和微渐变，巧妙地暗示了界面的层次感和元素的交互性。提供了Web、iOS、Flutter和React Native等主流平台的代码示例，适用于需要现代、高可用性界面的项目。
查看详情

漂浮式界面设计指南

floating-ui
sickn33/agentic-awesome-skills
351
本指南详细介绍了漂浮式用户界面（Floating UI）的设计原则和跨平台实现方法。它指导用户如何创建具有分离感、悬浮和轻盈感的组件，如卡片和导航栏。适用于Web、iOS和Flutter，核心元素包括柔和阴影、大边距和药丸形状，营造现代、空灵的视觉效果。
查看详情

动态渐变设计实现指南

gradient-design
sickn33/agentic-awesome-skills
475
本指南提供了全面的渐变设计实现方案，涵盖Web (CSS)、iOS (SwiftUI) 和跨平台 (Flutter) 的代码示例。适用于需要打造现代、充满活力且视觉冲击力的用户界面，将普通UI元素升级为具有动态过渡和渐变效果的艺术品。
查看详情
上一页123456789下一页
语言
简体中文
English