‹ 首页

gstack-design-html

@dirtytrii · 收录于 1 周前 · 上游提交 1 周前

GStack design-html method for producing or planning quick HTML prototypes, design boards, or rendered visual explorations for UI review.

适合你,如果需要快速产出 HTML 原型或视觉探索稿供团队评审。

/ 通过 npx 安装 校验哈希
npx oh-my-skill add dirtytrii/codex-skills/gstack-design-html
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- dirtytrii/codex-skills/gstack-design-html
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify dirtytrii/codex-skills/gstack-design-html
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
9GitHub stars
~369最小装载
~369含声明引用
~414文本包总量
索引托管

怎么用

商店整理自技能原文 · 版本 f142db6 · 表述以原文为准
它做什么

装上后,Claude 能根据你的需求快速生成 HTML 原型或设计看板,并附带视觉约束和验证说明,用于 UI 评审。

什么时候触发

当你需要快速制作 HTML 原型或设计看板来明确 UI 方向,或者明确说出“$gstack-design-html”时触发。

装好后可以这样说
Claude 会生成一个登录页面的 HTML 原型。
Claude 会输出设计看板的规划方案。
技能原文 SKILL.md作者撰写 · MIT · f142db6

GStack Design HTML Adapter

This is a Codex role-system adapter for Garry Tan's gstack gstack-design-html method.

When To Use

Use this when:

  • a quick HTML prototype or design board will clarify UI direction;
  • UI/PPT needs a rendered concept before implementation;
  • browser verification is expected;
  • the user explicitly invokes $gstack-design-html.
Workflow
  1. Keep the active role boundary. Do not expand scope just because this gstack method is useful.
  2. Read the relevant repo/docs/evidence first when the task depends on current state.
  3. Read ../gstack/references/methodology.md if you need the shared method map, then use the section named Design Methods.
  4. Produce: prototype plan or artifact request, visual constraints, and verification notes.
  5. Return the result in the active role's normal format, including boundaries, validation, and unresolved decisions when applicable.
Boundaries
  • Treat upstream gstack as external methodology, not local-owned project state.
  • Do not run upstream gstack runtime, telemetry, browser-cookie import, upgrade checks, or host routing injection automatically.
  • Do not create or edit CLAUDE.md, .claude/, .agents/, or upstream routing files unless the user explicitly asks for upstream gstack installation work.
  • Do not write files, commit, push, deploy, restart, migrate, clean, delete, or change production unless the active role prompt explicitly allows it.
  • Preserve this repository's QA versus 测试 split: formal test cases/reports belong to 测试 and $test-case-report-builder.
按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。