web to design md
Convert any official website to design.md document
供給アセットの概要
コーディングと開発 Agent
コードレビュー、リポジトリ分析、テスト、CI、GitHub、DevOps、開発ワークフロー向けのスキルです。
シナリオ
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Agent 適合
Claude Code + Browser agents + CLI
Codex、Claude Code、Cursor、CLI、またはカスタム Agent に対応します。
インストール
準備完了
npx skills add Paidax01/web-to-design-md
メンテナンス
新しい
最終プッシュから 3 日
リスク
要レビュー
ライセンスが不明確です
GitHub 品質
236
72/100 品質 · 71/100 信頼
対象タグ
レビュー注記
ライセンスが不明確です · Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
Agent 導入スコアカード
信頼、監査、インストール準備状況を一目で確認
公開リポジトリのメタデータ、OpenAgentSkill のレビューシグナル、保守の鮮度、インストール準備状況を組み合わせたスコアです。候補選定の目安であり、人によるレビューの代替ではありません。
品質
強い本番ワークフローの候補に値する堅実な選択肢です。
信頼
サンドボックス限定信頼シグナルが不足または混在する有用な候補です。結果ループがタスク適合を示すまで、隔離されたワークスペースで使用してください。
監査
要レビューインストール準備、安全メタデータ、保守、採用リスクの機械可読なレビュー。
OpenAgentSkill Trust Score v5
インストール前に人のレビュー
実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。
スター
GitHub スター 236
リポジトリ活動
スター 236、フォーク 26
メンテナンス
最終プッシュから 3 日
ライセンス
不明
インストール
npx skills add Paidax01/web-to-design-md
インストール安全性
標準パッケージまたはランタイムのインストールパス
権限範囲
filesystem or document access, network or browser access
Agent の成果
Agent の成果データはまだありません
ドキュメント
Usable metadata, review docs
リスク概要
本番前にレビュー
- Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
- ライセンスが不明確です
- Quality score needs review
- Stars/forks activity: 236 stars, 26 forks; issue activity unavailable in current metadata
インストール準備状況
インストールパスを利用可能
- インストールパスを利用できます
- リポジトリの根拠を利用できます
- ライセンスが不明確です
- Agent-Proven の成果エビデンスはまだありません
Agent 可読メタデータ
このスキルの機械可読な判断データ。
このブロックまたは埋め込み JSON を使い、Agent がこのスキルをインストールすべきか、代替を選ぶべきか、先に人のレビューを求めるべきかを判断できます。
適したタスク
- GitHub automation ワークフロー
- Claude Code チーム
- builders willing to evaluate younger projects
- Inspect repository metadata
適した Agent
インストール判断
- コマンド
- npx skills add Paidax01/web-to-design-md
- ポリシー
- レビュー
- 人によるレビュー
- はい
信頼とリスク
- 信頼
- 63/100
- 監査
- 78/100
- リスクレベル
- 要レビュー
成果ループ
- エンドポイント
- /api/agent/outcome
- イベント ID
- resolve
- 成果
- 5
使わない場合
- ベンダー提供の SLA が必要なチーム
- production agents without a repository review
- Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
- ライセンスが不明確です
- Quality score needs review
代替スキル
Frontend Design
170.9K スター
npx skills add anthropics/skills --skill frontend-design
代替スキル
Taste Skill: Anti-Slop Frontend
79.0K スター
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
代替スキル
Canvas Design
170.9K スター
npx skills add anthropics/skills --skill canvas-design
代替スキル
Anthropic Brand Guidelines
170.9K スター
npx skills add anthropics/skills --skill brand-guidelines
Agent セーフティ v2
58/100 · インストール前にレビュー
利用可能な候補ですが、Agent はインストール前に権限と監査メモを提示する必要があります。
実際のワークスペースへインストールする前に人の承認が必要です。
中
Browser automation
Skill may drive a browser or interact with web pages.
中
ネットワークアクセス
Skill はリモートページ、API、リポジトリ、外部サービスにアクセスする可能性があります。
中
ファイルシステムアクセス
Skill はプロジェクトファイル、ドキュメント、生成物、ローカルワークスペース状態を読み書きする可能性があります。
- ライセンスが不明確です
インストール先
Agent ワークフローにこのスキルをインストール
公開インストールエンドポイントからコマンド、安全チェックリスト、対象プロンプト、正規リンクを取得します。
OpenAgentSkill CLI
Resolve policy, run the source installer safely, and report a verified install receipt.
$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install paidax01-web-to-design-mdAgent 解決プラン
インストール前に Agent に適合性を検証させます。
Resolve API は第一候補、代替、安全ポリシー、監査メモ、インストール先、Agent がそのまま使えるプロンプトを返します。
JSON を開く
/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve テキスト
/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
インストール引き継ぎ
/api/skills/paidax01-web-to-design-md/install
Agent が確認すべきこと
- Resolve API でタスク適合と代替を確認。
- 監査・信頼スコアと安全ポリシーの警告を確認。
- Codex、Claude Code、Cursor、CLI のインストール先互換性を確認。
プロンプトをコピー
Task: Use web to design md in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/paidax01-web-to-design-md/install
Install command: npx skills add Paidax01/web-to-design-md
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent 引き継ぎ
別のディレクトリではなく、インストール経路を Agent に渡します。
公開インストールエンドポイントからコマンド、安全チェックリスト、対象プロンプト、正規リンクを取得します。
インストール引き継ぎ
/api/skills/paidax01-web-to-design-md/install
LLM テキスト形式
/api/skills/paidax01-web-to-design-md/install?format=text
代替を探す
/api/skills/search?q=web%20to%20design%20md&limit=3
Agent プロンプト
Use web to design md for this task. Review https://www.openagentskill.com/api/skills/paidax01-web-to-design-md/install, then install with: npx skills add Paidax01/web-to-design-mdRegistry メタデータ
自動スキル選択用の Agent 可読プロファイル。
Registry API 経由で判断、信頼、監査、ユースケース、インストールのシグナルを提供し、UI をスクレイピングせずに Agent が順位付けできます。
Manifest
/api/registry/manifest/paidax01-web-to-design-md
LLM テキスト
/api/registry/manifest/paidax01-web-to-design-md?format=text
インストール別名
/api/registry/install/paidax01-web-to-design-md
推奨
/api/registry/recommend?task=Use%20web%20to%20design%20md%20in%20an%20agent%20workflow&limit=3
Agent 適合
GitHub automation
プラットフォーム
Claude Code, Browser agents
Agent 判断パネル
Companion skill for GitHub automation
本番採用前にこのスキルを候補化し、近い代替と比較してください。
スタック内の役割
補助スキル
主な適合
GitHub automation
信頼ラベル
有力候補
インストールパス
コマンド準備済み
使う場面
- GitHub automation ワークフロー
- Claude Code チーム
- builders willing to evaluate younger projects
根拠
- 最近のリポジトリ活動
- インストールコマンドまたは GitHub リポジトリが利用可能
- 品質プロファイル 72/100
- OpenAgentSkill エンゲージメント 33 件
先にレビュー
- Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
実装パス
- 1サンドボックスの Agent にインストールし、GitHub automation タスクを一度最初から最後まで実行します。
- 2Compare output quality, latency, and failure behavior against at least one alternative.
- 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.
信頼プロファイル
サンドボックス限定
信頼シグナルが不足または混在する有用な候補です。結果ループがタスク適合を示すまで、隔離されたワークスペースで使用してください。
GitHub 採用度
情報GitHub スター 236
スター／フォーク活動
確認スター 236、フォーク 26; 現在のメタデータでは Issue 活動を利用できません
最近のメンテナンス
合格最終プッシュから 3 日
ライセンスの明確さ
確認不明
良いシグナル
- AI レビュー承認済み
- インストールパスを利用できます
- リポジトリの根拠を利用できます
- 最近保守されたリポジトリ
- インストールコマンドに明確な高リスクパターンはありません
- 成果ループは準備済みですが、最初の実行が必要です
インストール前にレビュー
- Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
- ライセンスが不明確です
- Quality score needs review
- Stars/forks activity: 236 stars, 26 forks; issue activity unavailable in current metadata
- License clarity: Unknown
- 実際の Agent 成果レポートはまだありません
- 無人インストールの前に人によるレビューが必要です
推奨アクション
実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。
品質プロファイル
強い Agent ワークフロー向けの候補
本番ワークフローの候補に値する堅実な選択肢です。
ワークフロー適合
このスキルを使うシナリオ
Manage repositories
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Create assets
Design and creative
I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Collect structured data
Web scraping
I need my agent to scrape websites and extract structured data from pages.
ワークフロー適合
完全なワークフローに追加
Scrape, clean, and reuse web data
Web data pipeline
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Design, build, test, and ship interfaces
Frontend and UI
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Inspect, patch, and verify code
Coding review agent
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
代替候補
インストール前に比較
このタスクに適する可能性のある類似スキル。
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Taste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Canvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Anthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
概要
# web-to-design-md
Generate a reusable `design.md` / `DESIGN.md` from a live website, plus an HTML preview for reviewing the extracted design system.
This repository is packaged as an installable AI skill. Give the GitHub URL to a supported skill installer, or copy this folder into your local skills directory.
## What It Does
- Reads a live website with `agent-browser`. - Uses `agent-browser eval` to extract DOM structure, computed styles, CSS variables, stylesheet rules, visible text, and interaction states. - Produces a detailed Stitch-style `DESIGN.md`. - Produces a sibling HTML preview using the same design tokens documented in the markdown. - Captures light and dark theme modes when a site supports theme switching. - Avoids screenshot-first extraction. Screenshots are only a last-resort verification aid when explicitly requested or when DOM evidence is ambiguous.
## Install From GitHub
After publishing this repository, users can install it from the GitHub URL with a skill in
技術詳細
- バージョン
- 1.0.0
- ライセンス
- Unknown
- 最終更新
- 2026年8月18日
- 公開日
- 2026年6月22日
判断の要約
補助スキル
最近のリポジトリ活動
Agent 実証エビデンス
Agent 実証エビデンス
Resolve、レビュー、インストール、限定実行後の成果レポート。
- 成功率
- —
- 直近の失敗
- —
- 成果
- 0
- 出力品質
- —
- 失敗
- 0
- 非該当
- 0
- インストール数
- 0
- リスクによりブロック
- 0
- 設定が必要
- 0
- 本番
- 0
Agent の実行結果はまだありません。最初の実行では /api/agent/outcome を通じて成功、設定要件、リスクによるブロック、失敗、非該当を報告できます。
成長ループ
共有キット
web to design md 用のシナリオベース草案です。X へ手動投稿できます。
For design or creative work, this is a skill worth shortlisting before another blank prompt. web to design md: Convert any official website to design.md document 236 stars https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x
任意：インストールコマンド付きの返信
Listing + install path for web to design md: https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x Install: npx skills add Paidax01/web-to-design-md
掲載元
Agent 投稿
この掲載は公開ソースから登録されており、メンテナー申請が承認されるまで公式として表示されません。
- 作成者
- Paidax01
- インデックス作成者
- OpenAgentSkill コミュニティインデックス
帰属は公開リポジトリまたは作成者プロフィールにリンクされています。作成者は掲載を申請して所有権シグナルを更新できます。
このスキルを申請所有者の申請
このスキル掲載を申請
この Agent 投稿 掲載は Paidax01 に帰属していますが、まだ公式として表示されていません。申請すると、確認済み所有者シグナルが追加され、今後の公開、インストール、監査更新の信頼性が高まります。
クリエイター被リンクキット
README にエビデンスバッジを追加
開発者がリポジトリを評価する場所で、正規掲載、現在の信頼・監査シグナル、実際の Agent-Proven エビデンスを表示します。
[](https://www.openagentskill.com/skills/paidax01-web-to-design-md)
[](https://www.openagentskill.com/skills/paidax01-web-to-design-md)
[](https://www.openagentskill.com/skills/paidax01-web-to-design-md/audit)
[](https://www.openagentskill.com/skills/paidax01-web-to-design-md)作者
Paidax01
@paidax01
プラットフォーム適合
健全性シグナル
- GitHub スター
- 236
- 品質スコア
- 46/100
- 最終 GitHub プッシュ
- 不明
- フレームワークのヒント
- 不明
- OpenAgentSkill 閲覧数
- 27
- インストールコピー数
- 0
- 外部クリック
- 0
コミュニティシグナル
このスキルが Agent ワークフローに役立つかを共有してください。集約されたフィードバックがランキングを改善します。
信頼と安全性
サンドボックス限定
- GitHub 採用度GitHub スター 236情報
- スター／フォーク活動スター 236、フォーク 26; 現在のメタデータでは Issue 活動を利用できません確認
- 最近のメンテナンス最終プッシュから 3 日合格
- ライセンスの明確さ不明確認
- README/SKILL.md の完全性公開メタデータにはより十分な README/SKILL.md の文脈が必要です情報
- 依存関係／ランタイムのリスクnetwork or browser surface合格
関連スキル
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
170.9K スターTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.0K スターCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
170.9K スターAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
170.9K スター