Community编程与开发github.com

joey2001q-create/hsy-skillbook

基于证据驱动、高保真交互式网页还原的 Codex 技能

hsy-skillbook 是什么?

该技能专为 AI 代码助手(如 Codex)设计,用于高保真地还原交互式网页。它采用证据驱动的方法,通过分析目标网页的结构、样式和行为,生成与原始页面高度一致的代码。该技能支持 HTML、CSS 和 JavaScript,能够处理复杂的交互逻辑和响应式设计,确保还原结果在视觉和功能上都贴近原始页面。其工作流程包括:将目标网页截图或描述作为输入,提示 AI 提取关键设计元素和功能点,然后一步步生成对应的前端代码,最后进行验证和调整。对于需要快速复制现有网页界面或进行前端练习的开发者来说,这是一个高效且可靠的解决方案。

兼容平台~Claude Code✓Codex CLI~Cursor
npx skills add joey2001q-create/hsy-skillbook

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

hsy-skillbook 是做什么的?

基于证据驱动、高保真交互式网页还原的 Codex 技能

相关技能