小布工坊.
← 回到资源库

资源详情 · 实用工具

AI Design Skills：先做一张简单的介绍页

给自己的 AI 工具一份清楚的单页需求，先看结构和手机排版，再完善设计。

资源正文、示例和许可证保留原文。代码仅展示，不会在线执行或调用AI。

打开交互详情 →使用教程 ↓打开原项目 ↗

资源详情

适合想用自己的 AI 工具制作第一张网页的人。它是设计说明，不是自动托管服务；先用明确标注的虚构练习内容。

使用前准备

适用平台
Windows · macOS · Linux
内容更新
  • 准备自己可用的 AI 对话或编程工具，并先阅读官方固定版本的 landing-page-design 说明。
  • 工具账号、模型额度和后续网页托管费用另计；本站不要求先安装整套开发环境。

本站提供原创导览和官方入口，导览按 CC BY 4.0 分享；不捆绑上游技能正文、源码、安装包、照片、图标或模型。第三方素材、依赖、商标与云服务须另核许可和费用。

常见卡点

  • 不要把虚构价格、评价、人物或业绩展示成真实客户证言；图片和字体要核对授权。
  • 保留 Elaya 的 MIT 全文；技能中的 Leonxlnx/taste-skill 改编声明另列在下方。README 的免署名说法不能替代正式许可条件。
官方网站与安装说明 ↗

完整正文

【练习目标】先做一个虚构花店的单页：营业时间、三项服务和一个联系区域。

【准备与成本】准备自己可用的 AI 对话或编程工具，并先阅读官方固定版本的 landing-page-design 说明。
工具账号、模型额度和后续网页托管费用另计；本站不要求先安装整套开发环境。

【三步尝试】
1. 看官方说明: 打开固定版本 README，进入 landing-page-design，了解它会要求哪些项目资料；只选择与你的工具相符的使用方式。
2. 写一个小需求: 告诉 AI：做一张虚构花店介绍页，先问我缺的信息，不要编造真实评价，不连接支付或表单服务。
3. 在手机宽度下检查: 检查标题、三项服务和联系说明是否清楚；先改文字溢出、对比度和按钮含义，不急着发布。

【自己核对】目标是一张信息清楚、手机上能读懂的练习页面；生成效果需由你实际检查，本站未调用模型验证。

【来源与许可】官方仓库 elayadesign/ai-design-skills；本次固定提交 ded7efc9d5c02761c41a03caf3b78f9259ab8828。2026-10-29 审核时在 GitHub Today 滚动榜观察到本项目；这不是全天排名或安全背书。
主项目采用 MIT，可在保留完整版权和许可声明的条件下商用、修改和再分发，无需另行联系作者；这不等于对全部依赖、素材或模型服务的授权。

不要把虚构价格、评价、人物或业绩展示成真实客户证言；图片和字体要核对授权。
保留 Elaya 的 MIT 全文；技能中的 Leonxlnx/taste-skill 改编声明另列在下方。README 的免署名说法不能替代正式许可条件。

本站提供原创导览和官方入口，导览按 CC BY 4.0 分享；不捆绑上游技能正文、源码、安装包、照片、图标或模型。第三方素材、依赖、商标与云服务须另核许可和费用。

2026-10-29 已只读核对官方固定提交的资料和完整许可；未安装或运行上游项目，未做模型实测或安全审计。以下结果是供你自行核对的目标。

使用教程

先做一个虚构花店的单页：营业时间、三项服务和一个联系区域。

  1. 看官方说明

    打开固定版本 README，进入 landing-page-design，了解它会要求哪些项目资料；只选择与你的工具相符的使用方式。

  2. 写一个小需求

    告诉 AI：做一张虚构花店介绍页，先问我缺的信息，不要编造真实评价，不连接支付或表单服务。

  3. 在手机宽度下检查

    检查标题、三项服务和联系说明是否清楚；先改文字溢出、对比度和按钮含义，不急着发布。

预期输出

目标是一张信息清楚、手机上能读懂的练习页面；生成效果需由你实际检查，本站未调用模型验证。

2026-10-29 已只读核对官方固定提交的资料和完整许可；未安装或运行上游项目，未做模型实测或安全审计。以下结果是供你自行核对的目标。

适合用在哪里

  • 适合想用自己的 AI 工具制作第一张网页的人。它是设计说明，不是自动托管服务；先用明确标注的虚构练习内容。

注意事项

  • 主项目采用 MIT，可在保留完整版权和许可声明的条件下商用、修改和再分发，无需另行联系作者；这不等于对全部依赖、素材或模型服务的授权。
  • 不要把虚构价格、评价、人物或业绩展示成真实客户证言；图片和字体要核对授权。
  • 保留 Elaya 的 MIT 全文；技能中的 Leonxlnx/taste-skill 改编声明另列在下方。README 的免署名说法不能替代正式许可条件。
  • 本站提供原创导览和官方入口，导览按 CC BY 4.0 分享；不捆绑上游技能正文、源码、安装包、照片、图标或模型。第三方素材、依赖、商标与云服务须另核许可和费用。

原作者与来源

署名
本站导览
上游作者
Elaya
来源版本
ded7efc9d5c02761c41a03caf3b78f9259ab8828
许可核对日期
2026-10-29

声明与修改说明

官方仓库 elayadesign/ai-design-skills；本次固定提交 ded7efc9d5c02761c41a03caf3b78f9259ab8828。2026-10-29 审核时在 GitHub Today 滚动榜观察到本项目；这不是全天排名或安全背书。

完整许可证

CC BY 4.0

CC BY 4.0 · 阅读完整许可原文 ↗

上游许可 · MIT

MIT License

Copyright (c) 2026 Elaya

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

阅读完整许可原文 ↗

NOTICE

Upstream adapted material: Leonxlnx/taste-skill. Credit appears in https://github.com/elayadesign/ai-design-skills/blob/ded7efc9d5c02761c41a03caf3b78f9259ab8828/skills/landing-page-design/SKILL.md#credits

MIT License

Copyright (c) 2026 Leonxlnx

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
```
</details>

验证范围

资料与许可已核对

2026-10-29 已只读核对官方固定提交的资料和完整许可；未安装或运行上游项目，未做模型实测或安全审计。以下结果是供你自行核对的目标。

2026-10-29