LogoClawIndex
案例技能关于
LogoClawIndex

popular-web-designs - 包含 54 个真实网页设计系统的 HTML/CSS Token

提供 54 个真实网页设计系统模板及其 HTML/CSS Token、排版与组件规范,用于生成样式化网页。

标签

更新于: 2026-09-21

能力

典型输入

典型输出

该技能可以做什么

  • 加载设计系统模板
  • 应用 CSS 自定义属性 Token
  • 根据组件规范生成 HTML 页面
  • 使用 Google Fonts 替换专有字体
  • 将生成的 HTML 保存至 outputs 目录
  • 通过 web_researcher 代理验证视觉效果

输入

  • templates 目录中的设计模板文件
  • 用户页面设计需求
  • 选定的站点设计名称

输出

  • outputs 目录中生成的 HTML 文件

要求

  • 通过 read_file 工具读取文件的权限
  • 通过 write_file 工具写入文件的权限
  • 用于访问 Google Fonts CDN 的网络连接
  • 可选的用于验证的 web_researcher 代理

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
设计系统
html-css
ui生成
模板
网页设计
加载设计系统模板
应用 CSS 自定义属性 Token
根据组件规范生成 HTML 页面
使用 Google Fonts 替换专有字体
templates 目录中的设计模板文件
用户页面设计需求
选定的站点设计名称
outputs 目录中生成的 HTML 文件