mcpField
S
structured-artifact

structured-artifact

github.com/haowjyデザイン・UI549390 回インストール1 日前に更新
リポジトリ

structured-artifact について

Structured Artifactは、情報を説明・提示するための構造化された成果物を作るスキルです。先に見せ方を決め、内容に応じてテキスト、ビジュアル、インタラクション、実装手段を選びます。

主な機能

  1. 01説明用成果物の作成
  2. 02実装前の提示方法の設計
  3. 03テキスト・ビジュアル・操作性の選択
  4. 04納品ガイドの参照
  5. 05図・画像・モックアップの活用

活用シーン

  1. 01構造化情報の提示
  2. 02関係やフローの図示
  3. 03画像の埋め込みや注釈
  4. 04モックアップの比較

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/haowjy/creative-writing-skills --skill structured-artifact

インストール後、Claude Code で/structured-artifactを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

resources/
delivery.md
react-flow.md
images-and-mockups.md
diagrams.md

詳細

構造化アーティファクト

情報を説明し、提示するための構造化アーティファクトを作成します。

まだ読み込まれていない場合は、/creative-writing-skills:information-hierarchy を読み込み、その指示に従ってください。読者の理解に役立つ場合は、テキスト、ビジュアル、インタラクションを活用します。実装ツールを選ぶ前に、コンテンツの提示方法を決めてください。

アーティファクトを作成する際は、配信を読んでください。関係性やフローを示す場合は図を、画像やモックアップを埋め込む、注釈を付ける、比較する場合は画像とモックアップを読んでください。

コメント