LogoClawIndex
案例技能关于
LogoClawIndex

withseismic-grid - 基于 12x12 网格构建网页与用户界面的布局系统

使用 @withseismic/grid 组件库及其算术规则与阶梯分数构建网页布局和用户界面。

标签

更新于: 2026-09-22
withseismic网格布局reactuicss

能力

典型输入

典型输出

该技能可以做什么

  • 安装 @withseismic/grid 布局包
  • 渲染网格布局基础组件
  • 组合页面乐章与行结构
  • 配置媒体出血与适应模式
  • 切换网格覆盖层检查器

输入

  • @withseismic/grid 软件包
  • 布局分数与阶梯规格
  • UI 布局设计规范

输出

  • React 网格布局 JSX 代码
  • 已渲染的网格用户界面
  • 网格覆盖层检查显示

要求

  • React 运行环境
  • pnpm 包管理器
  • 支持 CSS 自定义属性

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
安装 @withseismic/grid 布局包
渲染网格布局基础组件
组合页面乐章与行结构
配置媒体出血与适应模式
@withseismic/grid 软件包
布局分数与阶梯规格
UI 布局设计规范
React 网格布局 JSX 代码
已渲染的网格用户界面
网格覆盖层检查显示