登录
下载

Skill UI

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

蒸汽波风格设计指南

vaporwave
sickn33/antigravity-awesome-skills
313
本指南为开发者提供了跨平台（Web、SwiftUI、Flutter）实现“蒸汽波”（Vaporwave）美学的详细教程。它涵盖了90年代操作系统元素、霓虹渐变和柔和复古色调等核心原则，帮助用户构建具强烈怀旧感和赛博朋克风格的用户界面。
查看详情

小部件式设计与实现指南

widget-based-design
sickn33/antigravity-awesome-skills
183
本指南深入介绍了小部件式UI的设计原则和多平台实现方法，旨在模拟现代移动操作系统（如iOS主屏幕）的美学风格。内容涵盖严格的宽高比、一瞥即知性（Glanceability）等核心设计原则，并提供Web (CSS)、iOS (SwiftUI) 和跨平台 (Flutter) 的实战代码示例，帮助开发者构建模块化、高功能的迷你应用。
查看详情

Y2K复古科技界面实现

y2k-design
sickn33/antigravity-awesome-skills
391
本指南为开发者提供了完整的Y2K复古未来主义设计实现手册。收录了Web (CSS)、SwiftUI和Flutter等主流平台的实战代码，指导如何运用铬合金光泽、流体感“Blob”形状、数字网格和霓虹光效，打造具有赛博朋克风格的界面。
查看详情

多格式创意横幅设计系统

banner-design
nextlevelbuilder/ui-ux-pro-max-skill
206
这是一个全面的横幅设计系统，用于为社交媒体广告、网站主视觉图和印刷品等创建高质量的多平台横幅。它利用AI图像生成、UI/UX洞察和HTML/CSS结构，为任何营销活动生成多种艺术方向的选项。
查看详情

品牌识别与一致性管理

brand
nextlevelbuilder/ui-ux-pro-max-skill
477
用于管理品牌全方位的识别系统，包括品牌语音、视觉风格、核心信息框架和资产规范。它能帮助团队将品牌指南（如Markdown）自动同步到设计令牌和代码中，确保产品、内容和设计在任何平台上的高度一致性和专业性。
查看详情

界面设计工程与优化

emil-design-eng
sickn33/antigravity-awesome-skills
253
本技能提供专业的“设计工程”指导，专注于提升用户界面的精致度、微交互细节和组件工艺。适用于审核前端代码（如React, CSS, Tailwind），旨在优化动画曲线、过渡时长和视觉反馈，确保产品在用户体验上达到极高的水准。
查看详情

动画与动效质量评审

review-animations
sickn33/antigravity-awesome-skills
486
这是一个专业的前端技能，用于对动画、动效和交互代码（如CSS过渡、Framer Motion等）进行严格的“匠心”评审。它评估的不仅是功能性，还包括性能、可访问性、物理准确性和运动设计的整体质量。当需要对界面过渡、关键帧或手势动效进行深度评审时使用。
查看详情

进阶UI组件与设计系统构建

ui-styling
nextlevelbuilder/ui-ux-pro-max-skill
237
这是一个综合性的技能，用于构建现代、美观且高度可访问的用户界面。它结合了shadcn/ui组件的易用性和可访问性，利用Tailwind CSS实现强大的工具类样式，并融入了画布级的视觉设计理念。适用于开发复杂的React应用、构建完整的企业级设计系统、实现跨设备响应式布局，以及需要专业级视觉效果的场景。
查看详情

黏土风拟态设计指南

claymorphism
sickn33/antigravity-awesome-skills
123
本指南详细介绍了黏土拟态（Claymorphism）这一趣味性、触感的UI/UX设计风格。它强调使用柔软、圆润的形状、充气般的3D体积感和连续曲线，使界面元素看起来像软陶土或气球。提供了Web、iOS和Flutter平台的实现原理。
查看详情

毛玻璃界面设计指南

glassmorphism
sickn33/antigravity-awesome-skills
57
本指南详细介绍了毛玻璃（Glassmorphism）设计风格的实现方法，适用于Web和移动应用。它指导用户如何利用背景模糊、半透明材质和微妙的边框效果，创造出具有现代感、类似磨砂玻璃的界面，并提供了CSS、SwiftUI和Flutter的实战代码示例。
查看详情

软拟态界面设计指南

neumorphism
sickn33/antigravity-awesome-skills
83
软拟态（Neumorphism）是一种流行的UI设计风格，使界面元素看起来像是从背景材料中“挤出”的。本指南详细介绍了其核心原则——使用统一底色和双阴影（亮高光与暗阴影），并提供了跨平台（Web CSS, SwiftUI, Flutter）的代码实现示例，适用于需要柔和、立体、一体化外观的界面设计。
查看详情

设计系统快速代码规范检查

ui-lint
sickn33/antigravity-awesome-skills
174
这是一个基于 grep 的快速代码规范检查工具，用于检测设计系统中的常见违规问题。它能快速识别硬编码颜色、原始像素值、过时的语法等问题，确保代码遵循既定的设计令牌和最佳实践，提供即时的自动化反馈。
查看详情
上一页123...67891011下一页
语言
简体中文
English