Back to directory

Design Capture

Agent skill
1 skill

Webデザインのスクショ撮影+デザイントークン抽出+構造化分析をvaultのKnowledge noteに保存する。 AIがコーディング時に読んで即座にデザインを再現できる形式で記録する。 このスキルは以下の場合に必ず使う: ユーザーがURLを共有して「かっこいい」「デザインいい」「参考にしたい」「保存して」「UIいい」「レイアウト好き」等と言った場合、 「デザインキャプチャ」「デザイン参考」「このサイト保存」「このページ保存」「デザインメモ」「UI参考」 「save this design」「capture this site」「design reference」「design inspiration」「bookmark this design」と言った場合、 ユーザーがWebサイトの見た目について感想を述べてそれを記録したい場合。 /design-capture コマンドで直接呼び出すこともできる。 このスキルを使わない場合: バグ報告、エラー調査、コンテンツ閲覧のみが目的の場合。

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Skill stats

Skills1CategoryGeneralStars0

About this skill

Webデザインのスクショ撮影+デザイントークン抽出+構造化分析をvaultのKnowledge noteに保存する。 AIがコーディング時に読んで即座にデザインを再現できる形式で記録する。 このスキルは以下の場合に必ず使う: ユーザーがURLを共有して「かっこいい」「デザインいい」「参考にしたい」「保存して」「UIいい」「レイアウト好き」等と言った場合、 「デザインキャプチャ」「デザイン参考」「このサイト保存」「このページ保存」「デザインメモ」「UI参考」 「save this design」「capture this site」「design reference」「design inspiration」「bookmark this design」と言った場合、 ユーザーがWebサイトの見た目について感想を述べてそれを記録したい場合。 /design-capture コマンドで直接呼び出すこともできる。 このスキルを使わない場合: バグ報告、エラー調査、コンテンツ閲覧のみが目的の場合。

Quick start

  1. Copy the install prompt. Use the green button above this README.
  2. Send it to your agent. Paste it into your coding agent’s chat and send.
  3. Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Review, license & listing details
Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: 8f4998a7ea89ec8701abfe989bc70210e6d47133766ba3b3c7c003bd950713f9

About scan coverage and limitations

About this listing

Category
General
Reported license
Not specified
Listing language (estimated)
Japanese
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Design Capture | Agent Skills Atlas