effective-html

收录理由

对于依赖编码智能体来快速勾勒界面雏形的团队，这套技能集合相当实用，能把含糊的需求直接转成具体的HTML产物。它不是单一工具，而是内置了六份专注的技能定义，覆盖线框图、可交互原型、计划、图表以及通用HTML，智能体会根据你的提问自动挑选合适的技能来响应。线框图的技能刻意保持低保真度，让评审者先聚焦内容层级和导航逻辑，而不是过早陷入视觉打磨；原型技能则推动生成具备真实状态、键盘操作和响应式行为的工作版本。由于这些技能就是普通的参考文件，你可以只把它当作指南来阅读，无需安装任何东西；也可以接入Claude Code、Codex等智能体环境，作为可复用的工作流来使用。它和Plannotator搭配尤其顺手，后者能对智能体生成的本地HTML进行渲染和标注。