正在打开每日关注
正在打开每日关注
Meng To 开源 75 个设计向 Agent Skills，覆盖网页参考采集、交互提炼与灵感生成。
I'm open-sourcing my Agent Skills library. 75 skills for Codex, Claude Code, Cursor, and other agents, focused on web design, landing pages, motion, WebGL, UI styles, and assets. A few favorites: - Video to Super Prompt Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can one-shot into HTML. - HTML to Interaction Prompts Takes an existing HTML page, like something built in Aura, and extracts prompts for sections, buttons, animations, WebGL effects, and interactions. - Stitched Full Page Capture Captures the entire landing page, not just the hero, so you can use the full page as a design reference. - Daily UI Inspiration Combines multiple skills into an agent loop that browses the web, captures great landing pages, and turns them into detailed prompt packs. It's free. Fork them and adapt for your own workflow.
是什么
这不是一个单点生成器，而是一组面向设计—实现链路的 Agent Skills。推文列出的能力覆盖：把视频中的视觉结构转成 Fable 5 可执行的 HTML 提示词；从已有 HTML 反推出区块、按钮、动画和 WebGL 交互提示；截取完整落地页作为参考；再把网页浏览、截图和提示词整理成每日灵感循环。截图中的 README 对话还展示了 GIF 体积优化，体现出对工作流文档可用性的关注。
核心设计
核心是“观察—结构化—生成—复用”：保留参考的构图、节奏和交互逻辑，再替换主题与素材，避免表面仿制。截图中的文档进一步把审美判断落成工程规格，例如使用 GSAP ScrollTrigger、SVG 路径长度和 marker 状态描述滚动图表。
关键洞察
价值不只在提示词更长，而在于把设计师的逆向分析步骤封装成可重复的 agent loop，降低从灵感到原型的摩擦；全页捕获也比只看 Hero 更适合理解信息架构与连续内容流。
边界与风险
“一键 HTML”不等于生产级响应式、无障碍或性能实现，结果仍依赖参考素材质量、模型理解和目标平台能力。现有材料能证明 README 示例与若干界面模式，但不足以推断仓库内部目录、依赖和完整 API；落地时仍需人工验收版权、可访问性、代码质量与媒体加载成本。