html-to-generateblocks

Name: html-to-generateblocks
Author: wpgaurav

✓

wpgaurav/generateblocks-skillsGitHub: wpgaurav/generateblocks-skills 来源: wpgaurav/generateblocks-skills

将 HTML/CSS 布局转换为具有内联样式的GenerateBlocks V2 格式

wpgaurav·html·to·generateblocks

6安装·0热度·@wpgaurav

安装

GitHub: wpgaurav/generateblocks-skills

$npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks

如何安装 html-to-generateblocks

通过命令行快速安装 html-to-generateblocks AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：wpgaurav/generateblocks-skills。

SKILL.md

查看原文

Convert HTML/CSS layouts to GenerateBlocks V2 format using inline styles in block attributes.

ALWAYS output converted blocks to a file, never inline in the chat.

The css attribute must NOT contain hover states or transitions - the plugin generates those from the styles object.

将 HTML/CSS 布局转换为具有内联样式的GenerateBlocks V2 格式来源：wpgaurav/generateblocks-skills。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks
来源: wpgaurav/generateblocks-skills
分类: </>开发工具
认证: ✓
收录时间: 2026-02-25
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/wpgaurav/generateblocks-skills/html-to-generateblocks

Browse more skills from wpgaurav/generateblocks-skills

快速解答

什么是 html-to-generateblocks？

将 HTML/CSS 布局转换为具有内联样式的GenerateBlocks V2 格式来源：wpgaurav/generateblocks-skills。

如何安装 html-to-generateblocks？

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪？

https://github.com/wpgaurav/generateblocks-skills

详情

分类: </>开发工具
来源: skills.sh
收录时间: 2026-02-25