带有该标签的 Skills：排版

• tailwindcss-plugins - Tailwind CSS 官方与自定义插件指南

  tailwindcss插件css排版

  ★ 18 · 更新于 2026-09-22

  提供 Tailwind CSS 官方插件的使用指南以及创建自定义插件的方法说明。

  ⚙ 安装官方插件⚙ 设置内容排版样式⚙ 重置表单元素样式
• frontend-design - 构建或重构用户界面时的视觉设计指南。

  前端设计UI排版

  ★ 0 · 更新于 2026-09-22

  为新建或重构用户界面提供视觉设计、排版、配色、布局及界面文案撰写的指导意见。

  ⚙ 结合主题背景进行设计⚙ 制定包含 Token 的设计计划⚙ 根据需求简报审查设计计划
• ui-ux-frontend-basics - 前端页面与组件的 UI/UX 基础指南

  ui-ux前端布局排版

  ★ 0 · 更新于 2026-09-21

  在设计与完善前端页面和组件时应用实用的 UI/UX 规则与指南。

  ⚙ 分类界面类型⚙ 建立视觉层级⚙ 应用间距规范
• frontend-design - 独特视觉设计与 UI 构建的指导原则

  前端UI设计视觉设计排版

  ★ 2 · 更新于 2026-09-21

  提供设计原则与流程指导，帮助在界面构建中制定意图明确的配色、排版、布局与文案，避免模板化设计。

  ⚙ 创建紧凑的视觉 Token 系统⚙ 依据需求简报审查设计方案⚙ 建立意图明确的排版字阶
• ui-ux-pro-max - UI/UX Pro Max 设计智能

  ui-ux设计系统前端tailwind

  ★ 602 · 更新于 2026-09-20

  提供 UI 风格、配色方案、字体组合、图表推荐、UX 最佳实践及前端技术栈规范的检索与设计指导。

  ⚙ 检索 UI 风格指南⚙ 检索配色方案⚙ 检索字体组合
• design-taste - 面向 Web 界面的前端设计品味与工程打磨

  UI设计前端CSS排版

  ★ 58 · 更新于 2026-09-20

  运用前端设计工程原则、设计规则、动态微交互及反模式检测，构建、审查与打磨 Web 用户界面。

  ⚙ 设计 Web 界面⚙ 审查 UI 代码⚙ 打磨样式与动效
• frontend-typography - 根据需求生成前端排版规范与 JSON 配置文件

  前端设计排版字体

  ★ 0 · 更新于 2026-09-20

  根据需求简报选择字体组合、可变轴、字号阶梯、行高及加载策略，并生成包含授权信息的 typography.json。

  ⚙ 解析需求简报与参数⚙ 查询排版设计语料库⚙ 挑选字体组合与可变轴
• industrial-brutalist-ui - 工业粗犷主义与战术遥测 UI

  工业粗犷主义战术遥测瑞士设计排版

  ★ 0 · 更新于 2026-09-20

  构建融合瑞士平面排版与复古军事终端美学的 Web 界面，采用严格网格与极高字号对比。

  ⚙ 构建瑞士工业印刷风格界面⚙ 构建战术遥测终端界面⚙ 实现极高排版字号对比
• industrial-brutalist-ui - 工业粗犷主义与战术遥测 UI

  UI设计粗犷主义排版CSS

  ★ 0 · 更新于 2026-09-20

  构建结合瑞士排版风格、工业手册与复古战术遥测显示的高密度网页界面。

  ⚙ 构建刚性模块化网格布局⚙ 应用极值排版字号对比⚙ 实现实用主义基底配色方案
• frontend-design - 用于创建独特且具意图的前端视觉设计的指导指南。

  前端设计UI字体排印

  ★ 0 · 更新于 2026-09-19

  提供用于设计独特 UI 的原则与流程，涵盖字形、配色、布局和文本，避免模板化默认方案。

  ⚙ 构思设计方案⚙ 建立自定义 Token 系统⚙ 定义特定字形组合
• h-frontend-design - 前端 UI/UX 设计参考与指导

  前端UI设计UX设计字体

  ★ 0 · 更新于 2026-09-19

  针对项目编写的 UI 提供涵盖字体、颜色、空间布局、动效、交互、响应式设计及 UX 文本的指导。

  ⚙ 建立项目上下文与约束⚙ 提供字体设计指导⚙ 提供颜色与对比度指导
• bolder - 增强保守或平淡的设计以提升视觉冲击力

  设计UI前端排版

  ★ 0 · 更新于 2026-09-18

  在保持可用性与可访问性的前提下，重构保守或平淡的设计，打造具备高冲击力与辨识度的界面。

  ⚙ 收集品牌上下文与目标受众⚙ 评估界面视觉弱点来源⚙ 制定差异化视觉增强策略
• bolder - 增强过于保守或平庸的设计，提升视觉冲击力与个性。

  UI设计视觉设计样式排版

  ★ 1 · 更新于 2026-09-17

  在保持可用性、性能与无障碍标准的前提下，增强过于保守或平庸的设计，提升视觉冲击力与独特性。

  ⚙ 评估当前设计的弱点⚙ 规划设计放大策略⚙ 增强字体字号与对比度
• bolder - 增强平淡或保守设计的视觉冲击力

  ui设计排版配色布局

  ★ 0 · 更新于 2026-09-17

  放大平淡或保守的设计，在保持可用性的同时提升视觉冲击力与个性。

  ⚙ 调用 impeccable 设计规程⚙ 评估现有设计弱点⚙ 制定设计放大策略
• draw-your-font - 将手写照片转换为可安装的 TTF 字体。

  字体手写文字排版ttf

  ★ 0 · 更新于 2026-09-17

  将手写字符照片转换为可安装的 TTF 和网页字体文件。

  ⚙ 生成手写字体模板 PDF⚙ 分割手写照片为字符切片⚙ 构建 TTF 及网页字体文件
• frontend-design - 构建或修改 UI 时的视觉设计指导。

  前端UI设计排版设计系统

  ★ 1 · 更新于 2026-09-17

  在创建或更新用户界面时提供视觉层级、排版、布局、组件状态与无障碍性方面的设计指导。

  ⚙ 检查现有的视觉参考资料⚙ 规划视觉层级与排版规范⚙ 设计交互式界面状态
• makepad-font - Makepad 文本排版与 GPU 字体渲染指南

  makepad字体渲染文本排版sdf

  ★ 0 · 更新于 2026-09-17

  为 Makepad 应用程序提供字体配置、文本排版与基于 SDF 的 GPU 文本渲染功能。

  ⚙ 配置字体族与字号样式⚙ 管理文本排版与字形整形⚙ 使用 SDF 进行 GPU 文本渲染
• makepad-font - Makepad 字体与文本渲染指南

  makepad字体文本渲染sdf

  ★ 1 · 更新于 2026-09-17

  提供 Makepad 字体配置、文本布局、HarfBuzz 字形整形及 GPU SDF 文本渲染的技术指导。

  ⚙ 配置字体族与字号⚙ 定义文本布局参数⚙ 配置栅格化器与字体图集
• typeset - 评估并改进文本字体选择、层级结构和可读性。

  排版CSS设计文本格式

  ★ 0 · 更新于 2026-09-16

  评估并改进通用或不一致的文本排版，修正字体选择、层级结构、字号、字重与可读性。

  ⚙ 调用 impeccable 上下文收集协议⚙ 评估字体选择与层级结构⚙ 建立系统化的模块化字号标尺
• typeset - 评估与改进文本排版、字体选择与层级结构

  排版字体选择文本层级可读性

  ★ 1 · 更新于 2026-09-16

  通过修复字体选择、层级、字号、字重与可读性来改进排版。

  ⚙ 评估现有排版缺陷⚙ 制定系统化排版改进计划⚙ 选择符合品牌调性的字体

Scroll to load more