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

Skill UI

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

文字为先的设计指南

typography-first
sickn33/agentic-awesome-skills
440
本指南提供了在网页和移动应用中实现“文字为先”设计原则的完整方案。该风格将文字提升为核心视觉元素，极大地减少了装饰性UI组件（如背景色、边框），旨在打造极简、高冲击力且高度专注的用户体验。
查看详情

设计令牌管理器

ui-tokens
sickn33/agentic-awesome-skills
222
此技能允许您在 StyleSeed 设计系统中查看、添加或修改设计令牌。它管理颜色、排版、间距、圆角和阴影等核心视觉属性，通过同步 JSON 源文件与 CSS 实现来维护设计系统的一致性。适用于开发过程中保持 UI 组件统一和样式规范。
查看详情

Expo DOM 组件集成

use-dom
sickn33/agentic-awesome-skills
164
Expo DOM 组件允许在原生 WebView 中直接运行 Web 代码，无需修改即可使用如 Recharts 等 Web 专用库。它支持将 Web 代码逐步迁移到原生应用，并处理 React Native 中不可用的复杂 HTML/CSS 布局。
查看详情

蒸汽波风格设计指南

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

网页构件生成器

web-artifacts-builder
sickn33/agentic-awesome-skills
380
用于构建强大前端claude.ai构件的技能，基于React 18、TypeScript、Vite、Parcel、Tailwind CSS和shadcn/ui。提供初始化、开发、打包和测试构件的脚本，并指导避免常见的AI风格设计问题。
查看详情

小部件式设计与实现指南

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

Wiki 转 VitePress 站点构建

wiki-vitepress
sickn33/agentic-awesome-skills
352
此技能将生成的 Wiki Markdown 文件转换为带有深色主题和交互式 Mermaid 图表的 VitePress 静态站点。它处理复杂的 Mermaid 渲染配置，包括 CSS 覆盖和行内样式修复，确保图表在深色模式下正确显示。此外，它还为图表添加点击放大功能，并在构建前对 Markdown 文件进行必要的后处理。适用于将 Wiki 内容打包为可浏览的 HTML 站点。
查看详情

Y2K复古科技界面实现

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

非正式发布会花字设计

informal-launch-captions
agentscope-ai/QwenPaw
229
为“非正式发布会”模板设计或修改全屏视频中的中英双语花字，包含渐变材质字、流光、关键词动效与实片排版，仅输出 HTML/CSS 覆盖层，不生成底层视频或配乐。
查看详情

构建 AI 聊天界面组件

ai-elements
mxyhi/ok-skills
208
AI Elements 是基于 shadcn/ui 构建的组件库，旨在帮助开发者更快地构建原生 AI 应用。它提供预构建的对话、消息、工具显示和提示输入组件。适用于创建聊天机器人、AI 助手或任何 AI 驱动的聊天界面。支持 React 和 Next.js，通过 CLI 轻松安装，并使用 Tailwind CSS 进行完全自定义。
查看详情

动画 GitHub 个人主页

animated-github-profile
sickn33/agentic-awesome-skills
111
使用纯 SVG、CSS 关键帧和 SMIL 动画制作高冲击力的 GitHub 个人主页 README，涵盖明暗主题切换、工牌摆动、技术轨道、统计卡片与自动化贡献图。
查看详情

构建有意义的网页动画

animate
sickn33/agentic-awesome-skills
124
此技能帮助开发者构建有意义的网页动画，使用合适的工具如 CSS 过渡、WAAPI 或 Motion 库。它强调性能、无障碍支持（减少运动）和严格的设计哲学，确保动画增强用户体验而无需不必要的开销。指导何时进行动画以及使用哪些属性以实现流畅的 GPU 加速运动。
查看详情
上一页123...1314151617下一页
语言
简体中文
English