带有标签“CSS”的 Skills

responsive-craft - 实现跨多视口与断点的响应式网页布局
响应式设计 CSS 移动端优先视口预览
★ 76 · 更新于 2026-09-23
通过审计现有站点、构建移动优先布局以及启动多断点预览来实现响应式网页设计。
⚙ 审计现有响应式布局 ⚙ 构建移动端优先的响应式布局 ⚙ 启动实时多断点预览
neumorphism - Neumorphism (Soft UI) 的 Web 与 App 实现指南。
新拟物 Soft-UI 前端 CSS
★ 3 · 更新于 2026-09-22
提供在 Web、SwiftUI、Flutter、React Native 和 Jetpack Compose 中实现新拟物风格的指南与代码示例。
⚙ 使用 CSS 实现新拟物样式 ⚙ 在 SwiftUI 中实现新拟物视图 ⚙ 在 Flutter 中实现新拟物部件
tailwindcss-plugins - Tailwind CSS 官方与自定义插件指南
tailwindcss 插件 css 排版
★ 18 · 更新于 2026-09-22
提供 Tailwind CSS 官方插件的使用指南以及创建自定义插件的方法说明。
⚙ 安装官方插件 ⚙ 设置内容排版样式 ⚙ 重置表单元素样式
lumos-import-figma - 将 Figma 设计导入为 Lumos for Astro 变量与页面
figma lumos astro 设计变量
★ 0 · 更新于 2026-09-22
通过对齐设计数值与基础样式并运行 convert.mjs 脚本，从 Figma 文件生成 Lumos 变量或构建 Astro 页面。
⚙ 读取 Figma 上下文与页面截图 ⚙ 盘点多类别的设计数值 ⚙ 将设计数值转换为流体 token
y2k-design - Y2K 视觉风格设计与实现指南
y2k ui设计 css swiftui
★ 281 · 更新于 2026-09-22
提供在 Web 与移动端实现金属铬感和流体形状等 Y2K 视觉风格的代码指南。
⚙ 实现 Y2K 视觉设计样式 ⚙ 创建金属铬感文字效果 ⚙ 构建变形流体按钮
frontend-design - Spendly UI 设计器
前端设计 UI设计 Flask Jinja2
★ 1 · 更新于 2026-09-22
为基于 Flask、Jinja2 和原生 CSS 的个人记账应用 Spendly 设计并生成 UI。
⚙ 设计 Spendly UI 组件 ⚙ 生成 Jinja2 模板代码 ⚙ 编写原生 CSS 样式
frontend-design - 构建或重构用户界面时的视觉设计指南。
前端设计 UI 排版
★ 0 · 更新于 2026-09-22
为新建或重构用户界面提供视觉设计、排版、配色、布局及界面文案撰写的指导意见。
⚙ 结合主题背景进行设计 ⚙ 制定包含 Token 的设计计划 ⚙ 根据需求简报审查设计计划
withseismic-grid - 基于 12x12 网格构建网页与用户界面的布局系统
withseismic 网格布局 react
★ 0 · 更新于 2026-09-22
使用 @withseismic/grid 组件库及其算术规则与阶梯分数构建网页布局和用户界面。
⚙ 安装 @withseismic/grid 布局包 ⚙ 渲染网格布局基础组件 ⚙ 组合页面乐章与行结构
popular-web-designs - 用于 HTML/CSS 生成的 54 个真实 Web 设计系统
设计 css html 界面
★ 3 · 更新于 2026-09-22
提供 54 个真实 Web 设计系统模板及其视觉 Token 和组件规范，用于生成 HTML 与 CSS。
⚙ 选择设计系统模板 ⚙ 加载模板设计规范 ⚙ 应用设计 Token 与样式
popular-web-designs - 包含 54 个真实设计系统的 HTML/CSS 模板库。
设计 css html 用户界面
★ 0 · 更新于 2026-09-21
提供 54 个真实设计系统模板和 Token 规范，用于生成 HTML 与 CSS。
⚙ 加载设计系统模板 ⚙ 应用 CSS 自定义属性 ⚙ 映射 Google Fonts 替代字体
popular-web-designs - 来自真实网站的54个生产级设计系统
设计 css html 用户界面
★ 0 · 更新于 2026-09-21
加载模板以生成匹配 Stripe、Linear、Vercel、Notion 和 Airbnb 等流行网站视觉标识的 HTML 与 CSS。
⚙ 加载设计模板 ⚙ 生成带样式的 HTML 与 CSS ⚙ 应用视觉设计令牌
design-taste - 面向 Web 界面的前端设计品味与工程打磨
UI设计前端 CSS 排版
★ 58 · 更新于 2026-09-20
运用前端设计工程原则、设计规则、动态微交互及反模式检测，构建、审查与打磨 Web 用户界面。
⚙ 设计 Web 界面 ⚙ 审查 UI 代码 ⚙ 打磨样式与动效
web-design-standards-review - Web 设计标准审查
Web标准 CSS 无障碍响应式设计
★ 0 · 更新于 2026-09-20
基于 W3C/WHATWG 标准及 MDN、web.dev 和 WAI 指导评估并应用 Web UI 设计与实现原则。
⚙ 定义 Web UI 设计原则 ⚙ 审查响应式布局 ⚙ 应用特性检测
industrial-brutalist-ui - 工业粗犷主义与战术遥测 UI
UI设计粗犷主义排版 CSS
★ 0 · 更新于 2026-09-20
构建结合瑞士排版风格、工业手册与复古战术遥测显示的高密度网页界面。
⚙ 构建刚性模块化网格布局 ⚙ 应用极值排版字号对比 ⚙ 实现实用主义基底配色方案
frontend-design - 用于创建独特且具意图的前端视觉设计的指导指南。
前端设计 UI 字体排印
★ 0 · 更新于 2026-09-19
提供用于设计独特 UI 的原则与流程，涵盖字形、配色、布局和文本，避免模板化默认方案。
⚙ 构思设计方案 ⚙ 建立自定义 Token 系统 ⚙ 定义特定字形组合
demo-ui-tokens - demo UI 单色设计系统 CSS Token 参考指南
css 设计系统 ui-token 样式
★ 37 · 更新于 2026-09-19
提供 demo UI 中颜色、间距、字体排印及布局等 CSS 自定义属性 Token 的完整参考指南。
⚙ 查阅颜色 Token ⚙ 查阅间距递增规范 ⚙ 查阅字体排印规范
Maple CSS Engine - 变量优先且无技术栈限制的运行时 CSS 引擎
css 样式 maple-css 响应式设计
★ 34 · 更新于 2026-09-18
指导 AI 助手根据 Maple CSS 引擎的语法与参考文档编写响应式界面样式。
⚙ 查阅 Maple 参考文档 ⚙ 编写 Maple 实用类名 ⚙ 定义作用域 CSS 变量
premium-frontend-ui - 构建沉浸式高性能前端用户界面指南
前端 UI 动画 CSS
★ 2 · 更新于 2026-09-18
提供用于架构具备动效设计、流式排版及性能优化的沉浸式 Web 应用规范。
⚙ 实现预加载组件 ⚙ 构建全屏 Hero 区域 ⚙ 创建随滚动响应的粘性导航
tailwind-patterns - Tailwind CSS v4 设计模式与核心原则
tailwind-css css 设计变量容器查询
★ 602 · 更新于 2026-09-17
提供 Tailwind CSS v4 核心原则、CSS 优先配置、容器查询、现代布局模式及设计 Token 架构指南。
⚙ 配置基于 CSS 的主题 ⚙ 应用原生容器查询 ⚙ 实现响应式设计模式
colorize - 为单调的界面战略性地引入色彩提升视觉表现。
UI设计色彩前端 CSS
★ 0 · 更新于 2026-09-17
为过于单调或缺乏视觉吸引力的功能战略性地添加颜色，以提升层次感和语义表达。
⚙ 评估色彩优化机会 ⚙ 制定色彩分布策略 ⚙ 应用语义化色彩

Scroll to load more