本文へ移動
cccskills
無料GitHub で公開日本語紹介

open-design-redesign

既存サイトの課題を調べ、ブランドや実際の文章・写真・価格を生かしたトップページと最大3ページの再デザイン案を作ります。

原文原文の説明を見る

Redesign a live website — audit it, take its brand and its real words, photos, hours and prices, and design a new home page and up to 3 inner pages as one linked site that fixes the problems found, marked as a concept until the owner agrees — use whenever the user wants an existing website redesigned, refreshed, modernized or mocked up again ("redesign rosas.example", "show this bakery what a better site could look like", "a new version of our website", "pitch a redesign to this business"), even if they don't mention Open Design; not for a new site from scratch

feimacode/open-design-agent-kitスター 1,019(GitHub 1,019 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 古い企業サイトを刷新したいとき
  • 店舗にサイトの改修案を提案するとき
  • トップと下層ページをまとめて見直すとき
  • 既存サイトの新しい見た目を試したいとき

日本語での紹介

できること

既存サイトを確認して、見つかった課題を踏まえた再デザイン案を作ります。サイトのブランドや実際の文章、写真、営業時間、価格を引き継ぎ、トップページと最大3つの下層ページを、共通のナビゲーションでつながる形に整えます。予約、電話、注文、場所の確認など、訪問者がサイトで行いたいことを中心にページを設計し、変更した文章は元の文と対応づけて確認します。サイト所有者の同意が得られるまでは、案に「コンセプト」と表示します。

こんなときに便利

古くなった自社サイトを見直したいときや、店舗・事業者に改修案を提案したいときに向いています。対象サイトのトップページに加え、メニュー、サービス、問い合わせなどのページもまとめて見直せます。ブランドの色やロゴを保つか、ロゴとブランドカラーを残して他のデザイン要素を刷新するかを選べます。

使い方の例

  • 「このサイトを今の内容を生かしてリデザインしてください」
  • 「パン屋に見せるサイト改善案を作ってください」
  • 「トップページとメニュー、問い合わせページを見直してください」

注意点

対象サイトのURLが必要です。追加ページは最大3つまで指定できます。サイトを所有している、または制作を依頼されていると明示されない場合は、他者のサイトを使ったコンセプト案として扱います。読み込めないページは対象から外れ、内容にない事実を補って文章を作ることはしません。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md6.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

3d-object

無料概要あり

設計トークンの色を使い、回転台に載せたスピーカーの3Dプロダクト画像を生成します。旋盤加工のような断面形状から組み立て、スタジオ照明で見せます。

  • スピーカーの商品画像を3Dで作りたいとき
  • 回転台に載せたプロダクトを見せたいとき
  • デザイントークンの色で3D画像を作りたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-object

無料概要あり

形状やロゴから3Dオブジェクトを作り、スタジオ風の光で見せます。静止画、背景透過画像、回転動画として書き出せます。

  • 商品紹介用の3D画像を作りたいとき
  • ロゴを立体的に見せたいとき
  • 3Dモデルを回転動画にしたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-object-glb

無料概要あり

`.glb`形式の3Dモデルを読み込み、中央に配置して見やすい大きさに整え、柔らかな地面の影を添えた商品画像として描画します。

  • `.glb`モデルから商品画像風の表示を作りたいとき
  • ボトルの3Dモデルを見やすくプレビューしたいとき
  • モデルを中央配置し、柔らかな影を加えたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-object-logo

無料概要あり

ブランドのSVGロゴを金属の立体表現に仕上げ、ブラッシュドゴールドと面取りを施してゆっくり回転する映像にするスキルです。

  • SVGロゴを立体化したいとき
  • 金色の回転ロゴを作りたいとき
  • ブランドマークを映像で見せたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-scene

無料概要あり

部屋や中庭など複数の物体がある小さな3D空間を計画して制作します。空の光と無料のCC0素材で仕上げ、静止画やカメラの移動動画として見せられます。

  • 小さな部屋や中庭を3Dで作りたいとき
  • ミニチュア風のビジュアルを作りたいとき
  • 3D空間の静止画や移動動画を作りたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-scene

無料概要あり

夕暮れの石造りの中庭を、空や石畳、壁、真鍮のランタン、木製プランターと10秒のカメラ移動で表現した3Dシーンの作例です。

  • 夕暮れの中庭の3D作例を見たいとき
  • 石造りの空間表現を参考にしたいとき
  • カメラ移動の短い映像を確認したいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

feimacode のスキルをすべて見る

このスキルの問題を報告する