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

open-design-docs

複数のMarkdown文書を、統一したデザインのHTMLページに変換し、元文書の編集に合わせて更新するスキルです。ADRや議事メモなどをまとめて見やすくできます。

原文原文の説明を見る

Turn a folder of Markdown documents (ADRs, RFCs, runbooks, notes) into designed HTML pages, one per file, all in one style, and keep them in step when the Markdown changes — use whenever the user wants several Markdown files (a docs folder, ADRs, RFCs, runbooks, meeting notes) turned into HTML pages, or wants HTML versions of existing docs refreshed after edits

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

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • ADRを統一したHTMLページにしたいとき
  • 手順書を読みやすいHTMLにしたいとき
  • Markdownの編集後にHTML版を更新したいとき

日本語での紹介

できること

フォルダー内のMarkdown文書を読み取り、1ファイルにつき1ページのHTMLに仕立てます。ADR（アーキテクチャ決定記録）、RFC、運用手順書、メモなど、文書の種類に応じたテンプレートを選び、まとまりのある見た目にそろえます。元の文書にある見出しや構成、ステータスを保ち、同じセット内の文書へのリンクも反映します。再実行時には前回のページとMarkdownの更新状況を比べ、変更された文書のページを作り直し、新しい文書のページを追加します。

こんなときに便利

Markdownで蓄積した設計資料や手順書を、読みやすいHTMLとして共有したいときに便利です。議事メモや長文ノートを、同じ体裁のページ群にまとめたい場合にも向いています。更新が続く文書のHTML版を保ちたいときにも使えます。

使い方の例

  • 「docs/adr内のMarkdownをADRページにして」
  • 「runbooksフォルダーの文書を統一したデザインのHTMLにして」
  • 「編集したMarkdownに合わせてHTMLページを更新して」

注意点

対象ファイルが20件を超える場合は、すべて処理するか一部に絞るかを確認してから始めます。

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

含まれるファイル（1）

  • SKILL.md4.7 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 のスキルをすべて見る

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