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

Skill UI

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

Next.js全栈开发工作流

react-nextjs-development
sickn33/agentic-awesome-skills
349
本工作流提供了一个完整的全栈开发指南，专注于使用 Next.js 14+、React 和 TypeScript 构建现代高性能应用。它涵盖了从项目搭建、组件设计、数据流处理（包括Server Components）、Tailwind CSS美化，到高级测试和部署优化的所有环节，确保构建出生产级的复杂Web应用。
查看详情

Remotion 交互式标记编写

remotion-interactivity
sickn33/agentic-awesome-skills
454
规范编写 Remotion 标记结构，使 Remotion Studio 能识别并实现交互：点击选中元素、拖拽缩放旋转、编辑 CSS 样式以及修改关键帧与缓动参数。
查看详情

复古怀旧设计风格指南

retro-design
sickn33/agentic-awesome-skills
271
本指南提供一套完整的复古怀旧设计风格，灵感来源于60-80年代的潮流美学。它涵盖了暖色调、褪色色彩、颗粒噪音纹理和经典字体搭配等核心原则。包含Web、iOS和Flutter等多平台的代码实现示例，帮助开发者在应用中营造出温暖、模拟胶片的怀旧感。
查看详情

复古未来主义设计指南

retro-futurism
sickn33/agentic-awesome-skills
277
本指南提供了“复古未来主义”的完整设计规范，适用于需要模拟1950至1960年代太空时代、原子朋克或中世纪现代感的项目。它定义了核心设计原则、配色方案和排版风格，并提供了跨平台（CSS, SwiftUI, Flutter等）的代码实现示例，帮助开发者打造具有流线型、镀铬质感的界面。
查看详情

动画与动效质量评审

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

科幻HUD界面设计

sci-fi-interface
sickn33/agentic-awesome-skills
448
本技能提供一套完整的科幻风格HUD（任务显示屏）设计指南。它涵盖了视觉设计原则、配色方案、字体要求，并提供了Web (CSS)、App (SwiftUI) 和移动端 (Flutter) 的代码实现示例。适用于任何需要营造高科技、军事或未来感界面的场景。
查看详情

拟物化设计指南

skeuomorphism
sickn33/agentic-awesome-skills
342
本指南详细介绍了拟物化设计（Skeuomorphism）的原理和实现技巧。该风格旨在让数字界面模仿现实世界的物理物体，强调逼真的材质纹理（如木材、皮革）、物理光影、深度和交互模型。提供了Web (CSS)、iOS (SwiftUI) 和 Flutter 等平台的代码示例，帮助用户创建具有高度触感和真实感的UI组件。
查看详情

柔和莫兰迪色系设计

soft-pastel
sickn33/agentic-awesome-skills
433
本手册提供了一套完整的柔和马卡龙/莫兰迪色系设计系统指导，适用于网页、iOS（SwiftUI）和Flutter等多个平台的UI实现。它涵盖了低饱和度的配色、大圆角处理、充足的留白空间，并提供了详细的CSS和代码示例，旨在帮助用户打造具有宁静、温柔感的品牌和产品界面。
查看详情

霓虹合成波赛博朋克风格指南

synthwave
sickn33/agentic-awesome-skills
288
本指南提供了一套完整的霓虹合成波（Synthwave）和出跑（Outrun）风格实现方案，适用于Web和移动应用。它详细介绍了深色模式、高饱和度的霓虹发光元素（洋红、青色）以及标志性的透视网格。文档包含CSS、SwiftUI、Flutter和React Native等主流技术平台的代码示例，指导用户实现具有强烈复古未来感和赛博朋克视觉效果的界面。
查看详情

构建Tailwind设计系统

tailwind-design-system
sickn33/agentic-awesome-skills
135
本技能用于指导使用Tailwind CSS构建专业级设计系统。它涵盖设计令牌（tokens）、组件变体、响应式模式和可访问性等高级主题。适用于构建组件库、实现主题化，或需要跨代码库统一用户界面（UI）模式的场景。
查看详情

Tailwind CSS v4 前端开发模式

tailwind-patterns
sickn33/agentic-awesome-skills
350
掌握现代 Tailwind CSS v4 开发，包括 CSS 优先配置、容器查询和设计令牌。学习响应式布局、暗色模式及组件提取策略，提升前端工程效率。
查看详情

微软Metro风格卡片设计

tile-design
sickn33/agentic-awesome-skills
111
本技能提供Metro UI（微软现代用户界面）的卡片设计实现指南，模拟Windows Phone/8的启动屏幕风格。核心特点是使用锐角、平坦的色彩块，构建水平滚动的网格，并支持实时数据更新和点击时的交互“倾斜”效果。适用于Web、iOS和Flutter等跨平台开发场景。
查看详情
上一页123...121314151617下一页
语言
简体中文
English