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

Skill UI

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

粗野主义排版设计指南

brutalist-typography
sickn33/agentic-awesome-skills
449
本技能提供粗野主义排版在网页和移动应用中的实施指南。专注于激进的布局决策、超大系统字体和原始视觉呈现。帮助用户创建打破传统网格和设计规范的粗犷设计。包含 CSS、SwiftUI、Flutter 和 React Native 的实现示例。
查看详情

卡片式设计指南

card-based-design
sickn33/agentic-awesome-skills
499
卡片式网页与移动应用实现指南，涵盖信息卡片、瀑布流布局、响应式网格、阴影与圆角设计，并提供 CSS、SwiftUI、Flutter 和 React Native 示例。
查看详情

色块布局设计指南

color-blocking
sickn33/agentic-awesome-skills
236
面向 Web 与 App 的色块布局实现指南，涵盖大面积纯色分区、蒙德里安式网格、醒目排版，并提供 CSS、SwiftUI 与 Flutter 示例。
查看详情

赛博 Y2K 设计风格

cyber-y2k
sickn33/agentic-awesome-skills
118
本技能提供赛博 Y2K 美学风格的实现指南，包含全息视觉、故障艺术和部落科技矢量元素。涵盖核心原则如彩虹渐变、RGB 文字分裂效果。提供 Web (CSS)、iOS (SwiftUI) 和 Flutter 应用的代码示例，适用于追求现代复古未来主义设计的场景。
查看详情

深色模式设计与实现

dark-mode
sickn33/agentic-awesome-skills
92
本技能提供 Web 和移动应用暗色模式设计的全面指南。涵盖表面颜色选择、通过亮度提升层级感以及测试强调色等核心设计原则。包含 CSS、SwiftUI 和 Flutter 的具体实现示例，旨在减少视觉疲劳并提升高级质感。
查看详情

仪表盘设计指南

dashboard-design
sickn33/agentic-awesome-skills
436
用于设计数据分析仪表盘的指南，涵盖模块化网格、KPI 层级、数据可视化，以及基于 CSS、SwiftUI 和 Flutter 的 Web 与 App 响应式实现。
查看详情

双色调设计实现指南

duotone-design
sickn33/agentic-awesome-skills
113
双色调设计实现指南，专注于两色配色方案、高对比度图像和粗体排版。涵盖 CSS、SwiftUI、Flutter 和 React Native 的实现策略，帮助用户创建类似 Spotify 的视觉风格。
查看详情

杂志风格排版设计指南

editorial-design
sickn33/agentic-awesome-skills
137
本技能提供网页和移动端应用中的编辑设计样式实现指南。专注于杂志启发的布局，包括精致的衬线体与无衬线体搭配、大写字母首字下沉、引用语及分栏结构。适用于创建优雅、类似印刷品的数字界面，包含 CSS、SwiftUI 和 Flutter 代码示例。
查看详情

Expo Tailwind CSS 配置

expo-tailwind-setup
sickn33/agentic-awesome-skills
434
在 Expo 项目中使用 react-native-css 和 NativeWind v5 配置 Tailwind CSS v4，实现 iOS、Android 与 Web 的通用样式方案。
查看详情

动效性能优化与修复

fixing-motion-performance
sickn33/agentic-awesome-skills
214
审查并修复网页动画性能问题，包括布局抖动、合成器属性、滚动联动动画及模糊滤镜等。适用于动画卡顿、过渡掉帧，或需要评估 CSS/JS 动画性能的场景。
查看详情

扁平化设计风格指南

flat-design
sickn33/agentic-awesome-skills
250
本指南提供在 Web 和移动应用中实现扁平化设计的完整方案。强调零深度、锐利几何形状和高对比度纯色，避免阴影和渐变。包含 CSS、SwiftUI、Flutter 和 React Native 代码示例，帮助创建简洁现代的界面。
查看详情

半平式设计实现指南

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