LogoClawIndex
案例技能关于
LogoClawIndex

aksel - Aksel 设计系统

使用 React 组件、设计令牌和布局原语构建 UI,遵循 Nav 的可访问性准则

标签

更新于: 2026-03-26
设计系统React 组件UI 开发可访问性表单设计布局挪威WCAG 2.1

能力

选择 React 组件应用设计令牌使用布局原语实现表单元素

典型输入

项目需求npm 包设计规范

典型输出

React 组件代码样式化 UI 界面可访问表单布局

该技能可以做什么

  • 选择 React 组件
  • 应用设计令牌
  • 使用布局原语
  • 实现表单元素
  • 创建导航结构
  • 显示数据表格
  • 应用语义颜色
  • 遵循可访问性准则
  • 创建响应式布局
  • 使用排版组件

输入

  • 项目需求
  • npm 包
  • 设计规范

输出

  • React 组件代码
  • 样式化 UI 界面
  • 可访问表单布局

要求

  • React 环境
  • Node.js 运行时
  • Aksel 包安装

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。