Communitygithub.com

webiscorp/designskill-open

将此文件注入 AI 后,可在结构契约内生成单页落地页。

designskill-open 是什么?

此技能专门用于生成高质量的单个落地页,严格遵循预定义的项目结构契约。它通过注入明确的角色、输入契约和执行步骤,指导 AI 完成从布局生成到内容填充的全过程。技能支持主流 AI 平台(如 Claude、Cursor 等),适用于需要快速创建品牌单页的开发者或设计师。其核心优势在于强制使用 Tailwind CDN、禁用自定义 CSS/JS,并确保 WCAG AA 无障碍标准及正确的边距节奏,从而避免常见的样式冲突和可访问性问题。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/webiscorp/designskill-open/tree/HEAD/skills/landing-generate

在你喜欢的 AI 中提问

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

文档

落地页生成技能

将此文件注入 AI 后,可在结构契约内生成单页落地页。

角色与适用范围

  • 生成单页落地页(不支持多页)
  • 仅使用纯 Tailwind CDN 类 — 禁止自定义 CSS/JS
  • 若存在项目结构契约(类名·文件布局),则始终以契约为优先

输入契约

  • brand: 品牌名称 · 一行描述
  • industry: 行业(决定语气)
  • palette: 主色 + 辅色(hex)
  • sections: 区块顺序数组
  • constraints: 禁止项(默认:custom-css, js)

执行步骤

  1. 确认结构契约 — 若有契约,则遵循其命名·布局
  2. 生成区块骨架 — 包含顺序·角色注释
  3. 填充文案 — 使用符合行业语气的真实语句(禁止 lorem)
  4. 检查对比度·间距 — WCAG AA,区块节奏 80–120px

禁止事项

  • 禁止与再设计技能同时注入(角色冲突)
  • 禁止生成无依据的获奖记录·统计数据等虚假文案

完成标准

  • 360/768/1440 渲染正常,对比度 AA,控制台错误 0 条

由 DesignSkill 生成并提供服务

相关技能