带有标签“布局”的 Skills

responsive-craft - 实现跨多视口与断点的响应式网页布局
响应式设计 CSS 移动端优先视口预览
★ 76 · 更新于 2026-09-23
通过审计现有站点、构建移动优先布局以及启动多断点预览来实现响应式网页设计。
⚙ 审计现有响应式布局 ⚙ 构建移动端优先的响应式布局 ⚙ 启动实时多断点预览
Layout Designer - 设计响应式页面布局与网格系统。
布局网格设计构图
★ 0 · 更新于 2026-09-22
结合间距规则、设计理论与视觉层级原则，创建实用的页面布局与网格系统。
⚙ 设计落地页布局 ⚙ 设计仪表盘应用布局 ⚙ 设计图文内容布局
withseismic-grid - 基于 12x12 网格构建网页与用户界面的布局系统
withseismic 网格布局 react
★ 0 · 更新于 2026-09-22
使用 @withseismic/grid 组件库及其算术规则与阶梯分数构建网页布局和用户界面。
⚙ 安装 @withseismic/grid 布局包 ⚙ 渲染网格布局基础组件 ⚙ 组合页面乐章与行结构
ui-ux-frontend-basics - 前端页面与组件的 UI/UX 基础指南
ui-ux 前端布局排版
★ 0 · 更新于 2026-09-21
在设计与完善前端页面和组件时应用实用的 UI/UX 规则与指南。
⚙ 分类界面类型 ⚙ 建立视觉层级 ⚙ 应用间距规范
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设计排版配色布局
★ 0 · 更新于 2026-09-17
放大平淡或保守的设计，在保持可用性的同时提升视觉冲击力与个性。
⚙ 调用 impeccable 设计规程 ⚙ 评估现有设计弱点 ⚙ 制定设计放大策略
placeholder-images - 为 HTML 原型生成 SVG 占位图
占位图 svg 原型布局
★ 1 · 更新于 2026-09-17
为原型布局和模型生成简单、带标签及符合品牌样式的 SVG 占位图。
⚙ 生成简单 SVG 占位图 ⚙ 生成带标签 SVG 占位图 ⚙ 生成品牌样式 SVG 占位图
makepad-font - Makepad 文本与字体渲染
makepad 字体文本 sdf
★ 1 · 更新于 2026-09-15
提供 Makepad 字体配置、文本排版及基于 SDF 的 GPU 文本渲染支持。
⚙ 配置字体系列与样式 ⚙ 排版与整形文本 ⚙ 使用 GPU SDF 渲染文本
spacing - 统一的布局与组件间距系统规范
间距布局网格 Tailwind
★ 1 · 更新于 2026-09-15
基于4px与8px网格系统，定义并强制执行响应式布局与组件的间距规则。
⚙ 执行4px与8px网格比例 ⚙ 应用响应式内边距与外边距规则 ⚙ 规范区块与卡片布局间距
sico-bell-rtl-layout - SICO Bell RTL 与布局系统
rtl 布局 react-native sico-bell
★ 0 · 更新于 2026-09-13
为 SICO Bell 界面与组件强制规范 useRTLStyles Hook、文本对齐及布局模式。
⚙ 强制使用 useRTLStyles Hook ⚙ 应用布局辅助函数 ⚙ 设置文本对齐规则
ui-page - 使用 StyleSeed Toss 模式构建移动端优先页面。
ui 页面设计移动端布局
★ 3 · 更新于 2026-09-13
基于 StyleSeed Toss 布局模式、章节节奏与现有外壳组件构建全新的移动端优先页面。
⚙ 检查现有的页面外壳模式 ⚙ 明确页面定位与核心操作 ⚙ 利用信息金字塔组织布局
ui-handler - 使用 Shadcn MCP 和 21st.dev MCP 构建 UI
ui shadcn 21st-dev 组件
★ 602 · 更新于 2026-09-10
使用 Shadcn MCP 和 21st.dev MCP 实现标准 UI 组件、复杂页面区块、页面布局及主题样式。
⚙ 安装标准 UI 组件 ⚙ 生成复杂页面区块 ⚙ 更新应用主题与样式
react-layout - React BAIFlex 布局与主题令牌
布局间距弹性盒响应式
★ 128 · 更新于 2026-05-11
使用 BAIFlex 创建弹性布局，使用主题令牌实现统一的间距样式
⚙ 创建 BAIFlex 布局 ⚙ 设置间距值 ⚙ 应用主题令牌
arrange - 改善布局与视觉节奏
前端设计布局间距视觉层级
★ 3 · 更新于 2026-03-26
评估并改进布局、间距和视觉层级以优化构图
⚙ 分析当前布局 ⚙ 评估间距一致性 ⚙ 检查视觉层级
aksel - Aksel 设计系统
设计系统 React 组件 UI 开发可访问性
★ 0 · 更新于 2026-03-26
使用 React 组件、设计令牌和布局原语构建 UI，遵循 Nav 的可访问性准则
⚙ 选择 React 组件 ⚙ 应用设计令牌 ⚙ 使用布局原语
ux-designer - 创建UX设计文档
UX设计线框图设计系统布局
★ 1 · 更新于 2026-03-24
创建UX设计文档、布局规范、交互流程和样式指南，不包含实现代码。
⚙ 收集设计需求 ⚙ 规划信息架构 ⚙ 设计响应式布局
i-bolder - 让设计更具视觉冲击力和个性
设计视觉冲击 UI增强排版
★ 1 · 更新于 2026-03-22
将安全或无聊的设计增强，使其更具视觉吸引力和刺激感
⚙ 替换字体 ⚙ 调整颜色饱和度 ⚙ 创建空间戏剧性
i-bolder - 增强设计视觉冲击力
设计视觉设计 UI增强排版
★ 0 · 更新于 2026-03-22
增强安全设计，创建更具视觉吸引力的界面，同时保持可用性
⚙ 分析设计 ⚙ 识别弱点 ⚙ 理解上下文

Scroll to load more