메뉴
8种原子组件自由组合 + 3级约束, cell merging, two-level module system (base + composite), 7+ built-in templates, grid-aware visual editor, style presets, post-generation audit, user template save-as, Chinese error handling
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
全平台统一发布工具。支持 skills 和 agents 的 Gitee/GitHub/ClawHub/SkillHub/PyPI 同步与 Release 创建，LLM 驱动的文件过滤与脱敏。
本地 RAG 系统搭建技能，支持环境检测修复、嵌入模型多源下载、5种切分策略 + GuardStack + 后处理 + 插件注册、多知识库管理 + 自动分类规则、可调 Prompt、Web 可视化配置 + 极客模式 + 模板管理
调用链编排技能 — 既是调用链编辑器，也是粗粒度规划器。理解用户意图 → 规划 Skill 参与顺序 → 更新/保存/推荐调用链 → 拼接为调用链（支持循环/分支编排、子步骤拓扑排序、准确步骤计数）。
Skill 标准化规范引擎。支持 R-01~R-26 规范审查（audit / create / update / refactor / bump / readonly 六模式），含权限扫描、数据目录合规检查、渐进式加载、LLM 二次筛分类。
结构化小说写作辅助技能。场景配置→大纲生成→因果链双重验证→pipeline 流程门禁→子结构先行规划→情绪混合系统→文风约束→人格驱动→分段写作→连通性补充→风格校验+逻辑检查(含实体状态+关系链)+大纲忠实度+结尾收束验证+实体关系追踪+角色别名识别+跨章行为摘要。全流程硬约束+门禁跟踪。
专业颜色工具集，支持颜色编码转换、对比度计算、智能颜色推荐、HTML预览生成。适用于UI设计、无障碍开发、配色方案生成等场景。
| displayName | hug-html |
| name | hug-html |
| tags | ["html","grid","template","visual-editor","module-library","style-presets","layout","chinese-error-handling"] |
| version | 3.3.1 |
| author | Ldxs |
| license | MIT |
| description | 8种原子组件自由组合 + 3级约束, cell merging, two-level module system (base + composite), 7+ built-in templates, grid-aware visual editor, style presets, post-generation audit, user template save-as, Chinese error handling |
| sensitive_access | false |
| critical_write | false |
| permission_weight | LOW |
| data_dir | ../.standardization/hug-html/data/ |
| external_data_dir | true |
| trigger | 生成 HTML 模板/编辑 HTML/HTML 模块/网格布局/单元格合并/可视化编辑/输出自包含 HTML |
| trigger_negative | 仅询问概念/无文件生成需求/要求使用其他工具 |
| meta_field_sync | true |
| create_permissions_md | true |
| license_compliance | true |
→ 详见核心能力的渐进式文件索引
不支持的场景：
边界情况：
正向触发：
否定条件：
📚 渐进式加载：本技能采用渐进式 MD 体系，
SKILL.md为入口（≤230行），详细内容拆分到references/*.md按需加载。
| # | 能力 | 说明 |
|---|---|---|
| 1 | 骨架结构 | N×M 网格、行列数、单元格合并（rowspan/colspan）、gap 间距 |
| 2 | 骨架约束 | 3级约束（fill/fit/clip），递归传递到组件级别 |
| 3 | 组件体系 | 8种原子组件（text/image/icon/qrcode/table/divider/spacer/group），自由组合 |
| 4 | 组合逻辑 | 方向(row/column)、比例(ratios)、对齐(align)、8方向位置 |
| 5 | 方案模板库 | 内置 7+ 预置{骨架+组件+样式}组合 + 用户可自定义固化 |
| 6 | 样式预设 | 5 种内置风格：商务/科研/喜庆/丧事/技术，一键切换配色字体 |
| 7 | 基础编辑 | 每个文字元素独立控制：字体家族(8种)/字重(100-900)/字号(9-48px)/字色/透明度 |
| 8 | 图片编辑 | 点击输入 URL + 拖放文件替换，所有图片组件均支持 |
| 9 | 生成后审计 | 自动检查 HTML 结构完整性、标签平衡、图片属性、网格越界、渲染风险 |
| 10 | 统一接口 | --export-interfaces 导出完整接口定义 JSON，大模型可直接理解 |
| 11 | 方案模板固化 | --save-as <名> 将任意生成固化为用户模板，后续按名引用 |
| 12 | 自由生成模式 | AI 参考组件库，理解需求确定骨架→组合组件→约束→生成→审计 |
| 13 | 参数约束 | 行列数 1-10, span≥1, gap 4-24px, 字号 9-48px, 字重 100-900 |
| 14 | 向后兼容 | 旧格式 "module": "composite:xxx" 仍然支持 |
| 14 | 中文错误处理 | 所有脚本内置中文错误提示、参数校验前置、安全文件操作、调试模式 |
| 文件名 | 分类 | 包含内容 | 审计关联 |
|---|---|---|---|
references/LICENSE.md | 许可协议 | 开源许可证声明（MIT）。包含：MIT 许可证完整文本。 | R-26 |
references/antipatterns.md | 规范指南 | skill 编写中的常见反模式。包含：错误做法示例、正确做法示例、避坑指引。 | R-18 |
references/architecture.md | 架构设计 | skill-standardization 整体架构。包含：模块关系、数据流、核心设计决策。 | 无 |
references/call-chains.md | 参考文档 | 本文件定义 hug-html 技能的调用链，供 skill-sub 读取和执行。 | 无 |
references/changelog.md | 版本管理 | 版本更新日志。包含：版本号、更新类型、修复项、升级说明。 | R-24 |
references/examples.md | 使用示例 | 各场景完整执行示例。包含：CLI 命令、执行过程、输出结果。 | R-25 C-17 |
references/faq.md | 常见问题 | 常见疑问与解答。包含：问题分类、原因分析、解决方案。 | R-19, R-25 C-19 |
references/guide.md | 使用指南 | 三种执行模式操作教程。包含：audit/create/refactor 流程、参数说明、注意事项。 | 无 |
references/module-library.md | 参考文档 | ``` | 无 |
references/permissions.md | 权限与测试 | 权限扫描说明与测试结论。包含：风险等级、高权限操作说明、测试概览、计时统计。 | R-15, R-16 |
references/style-presets.md | 参考文档 | hug-html 支持 5 种常见风格的样式预设，通过 content_filler.py --preset 应用。 | 无 |
场景：生成推广卡片 用户需求：帮我做一个 APP 推广卡片，要有二维码，输出 HTML 文件 系统执行：
python scripts/template_generator.py --type promo -o "data/output/card.html"
系统输出：data/output/card.html — 毛玻璃风格推广卡片，含二维码、产品名、宣传语
场景：可视化编辑 用户需求：给这个卡片加一个在线编辑功能，输出可编辑 HTML 系统执行：
python scripts/visual_editor.py --template data/output/card.html -o data/output/editor.html
系统输出：data/output/editor.html — 带 Ctrl+E编辑界面，双击文字可更新
场景：生成周历仪表板 用户需求：做一个带假日管理的周历交互 HTML，输出仪表板 系统执行：
python scripts/template_generator.py --type calendar-dashboard -o "data/output/calendar.html"
系统输出：data/output/calendar.html — 交互式周历，支持年份切换和工日统计
本技能的执行流程包含以下编号列表（按顺序执行）：
| 工具 | 访问级别 | 用途 |
|---|---|---|
| Read | 只读 | 读取 Grid Spec、模块库、样式预设 |
| Write | 写入 | 将输出 HTML 写入 data/output/ |
| Bash | 受限 | 运行内部处理脚本（限制在 scripts/ 目录内） |