小布工坊.
← ライブラリに戻る

リソース詳細 · 实用工具

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. 小さな要件を書く: 架空の花屋の紹介ページを依頼します。不足情報を先に質問し、本物に見せかけた評価は作らず、決済やフォームサービスへ接続しないよう伝えます。 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 に公式の固定コミットの資料とライセンス全文を読み取り専用で確認しました。上流プロジェクトの導入・実行、モデル実測、安全監査は行っていません。以下は自分で確認する目標です。

元のガイド（中国語）
【练习目标】先做一个虚构花店的单页：营业时间、三项服务和一个联系区域。

【准备与成本】准备自己可用的 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. 小さな要件を書く

    架空の花屋の紹介ページを依頼します。不足情報を先に質問し、本物に見せかけた評価は作らず、決済やフォームサービスへ接続しないよう伝えます。

  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