Web Dev Skills
A Claude Code plugin for Rust + React projects. It turns PRD -> Design -> Task -> Development -> Acceptance -> Demo into a reusable workflow
供給アセットの概要
コーディングと開発 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 timzaak/web-dev-skills
メンテナンス
新しい
最終プッシュから 8 日
リスク
試用可
Quality score needs review
GitHub 品質
68
75/100 品質 · 76/100 信頼
対象タグ
レビュー注記
Quality score needs review · GitHub adoption: 68 GitHub stars
Agent 導入スコアカード
信頼、監査、インストール準備状況を一目で確認
公開リポジトリのメタデータ、OpenAgentSkill のレビューシグナル、保守の鮮度、インストール準備状況を組み合わせたスコアです。候補選定の目安であり、人によるレビューの代替ではありません。
品質
強い本番ワークフローの候補に値する堅実な選択肢です。
信頼
サンドボックス限定信頼シグナルが不足または混在する有用な候補です。結果ループがタスク適合を示すまで、隔離されたワークスペースで使用してください。
監査
試用可インストール準備、安全メタデータ、保守、採用リスクの機械可読なレビュー。
OpenAgentSkill Trust Score v5
インストール前に人のレビュー
実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。
スター
GitHub スター 68
リポジトリ活動
スター 68、フォーク 6
メンテナンス
最終プッシュから 8 日
ライセンス
Apache-2.0
インストール
npx skills add timzaak/web-dev-skills
インストール安全性
標準パッケージまたはランタイムのインストールパス
権限範囲
shell or command execution, network or browser access
Agent の成果
Agent の成果データはまだありません
ドキュメント
README/SKILL.md の文脈が十分です
リスク概要
本番前にレビュー
- Quality score needs review
- GitHub adoption: 68 GitHub stars
- Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata
インストール準備状況
インストールパスを利用可能
- インストールパスを利用できます
- リポジトリの根拠を利用できます
- ライセンスが明示されています
- Agent-Proven の成果エビデンスはまだありません
Agent 可読メタデータ
このスキルの機械可読な判断データ。
このブロックまたは埋め込み JSON を使い、Agent がこのスキルをインストールすべきか、代替を選ぶべきか、先に人のレビューを求めるべきかを判断できます。
適したタスク
- ワークフロー自動化 ワークフロー
- Claude Code チーム
- builders willing to evaluate younger projects
- Move data between tools
適した Agent
インストール判断
- コマンド
- npx skills add timzaak/web-dev-skills
- ポリシー
- レビュー
- 人によるレビュー
- はい
信頼とリスク
- 信頼
- 68/100
- 監査
- 82/100
- リスクレベル
- 試用可
成果ループ
- エンドポイント
- /api/agent/outcome
- イベント ID
- resolve
- 成果
- 5
使わない場合
- ベンダー提供の SLA が必要なチーム
- 内部セキュリティレビューのない高コンプライアンス環境
- 現在のメタデータに重大なリスクシグナルはありません
- 高リスク権限のヒント: Shell またはコマンド実行
- Quality score needs review
Agent セーフティ v2
50/100 · 自動インストールを避ける
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
高
Shell またはコマンド実行
Skill メタデータに端末、CLI、Shell、サブプロセス、またはコマンド実行のワークフローが含まれます。
中
Browser automation
Skill may drive a browser or interact with web pages.
中
ネットワークアクセス
Skill はリモートページ、API、リポジトリ、外部サービスにアクセスする可能性があります。
中
ファイルシステムアクセス
Skill はプロジェクトファイル、ドキュメント、生成物、ローカルワークスペース状態を読み書きする可能性があります。
- 高リスク権限のヒント: Shell またはコマンド実行
- Quality score needs review
インストール先
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 timzaak-web-dev-skillsAgent 解決プラン
インストール前に Agent に適合性を検証させます。
Resolve API は第一候補、代替、安全ポリシー、監査メモ、インストール先、Agent がそのまま使えるプロンプトを返します。
JSON を開く
/api/agent/resolve?task=Use%20Web%20Dev%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve テキスト
/api/agent/resolve?task=Use%20Web%20Dev%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
インストール引き継ぎ
/api/skills/timzaak-web-dev-skills/install
Agent が確認すべきこと
- Resolve API でタスク適合と代替を確認。
- 監査・信頼スコアと安全ポリシーの警告を確認。
- Codex、Claude Code、Cursor、CLI のインストール先互換性を確認。
プロンプトをコピー
Task: Use Web Dev Skills in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Web%20Dev%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/timzaak-web-dev-skills/install
Install command: npx skills add timzaak/web-dev-skills
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent 引き継ぎ
別のディレクトリではなく、インストール経路を Agent に渡します。
公開インストールエンドポイントからコマンド、安全チェックリスト、対象プロンプト、正規リンクを取得します。
インストール引き継ぎ
/api/skills/timzaak-web-dev-skills/install
LLM テキスト形式
/api/skills/timzaak-web-dev-skills/install?format=text
代替を探す
/api/skills/search?q=Web%20Dev%20Skills&limit=3
Agent プロンプト
Use Web Dev Skills for this task. Review https://www.openagentskill.com/api/skills/timzaak-web-dev-skills/install, then install with: npx skills add timzaak/web-dev-skillsRegistry メタデータ
自動スキル選択用の Agent 可読プロファイル。
Registry API 経由で判断、信頼、監査、ユースケース、インストールのシグナルを提供し、UI をスクレイピングせずに Agent が順位付けできます。
Manifest
/api/registry/manifest/timzaak-web-dev-skills
LLM テキスト
/api/registry/manifest/timzaak-web-dev-skills?format=text
インストール別名
/api/registry/install/timzaak-web-dev-skills
推奨
/api/registry/recommend?task=Use%20Web%20Dev%20Skills%20in%20an%20agent%20workflow&limit=3
Agent 適合
ワークフロー自動化
プラットフォーム
Python, Claude Code, Browser agents
Agent 判断パネル
Companion skill for Workflow automation
本番採用前にこのスキルを候補化し、近い代替と比較してください。
スタック内の役割
補助スキル
主な適合
ワークフロー自動化
信頼ラベル
有力候補
インストールパス
コマンド準備済み
使う場面
- ワークフロー自動化 ワークフロー
- Claude Code チーム
- builders willing to evaluate younger projects
根拠
- 最近のリポジトリ活動
- インストールコマンドまたは GitHub リポジトリが利用可能
- 品質プロファイル 75/100
- OpenAgentSkill エンゲージメント 3 件
先にレビュー
- 現在のメタデータに重大なリスクシグナルはありません
実装パス
- 1サンドボックスの Agent にインストールし、ワークフロー自動化 タスクを一度最初から最後まで実行します。
- 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 スター 68
スター/フォーク活動
確認スター 68、フォーク 6; 現在のメタデータでは Issue 活動を利用できません
最近のメンテナンス
合格最終プッシュから 8 日
ライセンスの明確さ
合格Apache-2.0
良いシグナル
- AI レビュー承認済み
- インストールパスを利用できます
- リポジトリの根拠を利用できます
- 最近保守されたリポジトリ
- インストールコマンドに明確な高リスクパターンはありません
- 成果ループは準備済みですが、最初の実行が必要です
インストール前にレビュー
- Quality score needs review
- GitHub adoption: 68 GitHub stars
- Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata
- 実際の Agent 成果レポートはまだありません
- 無人インストールの前に人によるレビューが必要です
推奨アクション
実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。
品質プロファイル
強い Agent ワークフロー向けの候補
本番ワークフローの候補に値する堅実な選択肢です。
ワークフロー適合
このスキルを使うシナリオ
Automate repeated work
Workflow automation
I need my agent to automate a repeated workflow across tools and files.
Manage repositories
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Verify behavior
Testing and QA
I need my agent to test a web app, reproduce bugs, and verify fixes.
ワークフロー適合
完全なワークフローに追加
Turn skills into distribution
Content growth agent
A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.
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.
Ingest, retrieve, and cite
RAG knowledge base
A workflow for document-heavy agents that ingest files, create searchable knowledge, retrieve relevant context, and answer with grounded sources.
代替候補
インストール前に比較
このタスクに適する可能性のある類似スキル。
Khazix Skills
A collection of practical, installable AI agent skills for disk cleanup, AI news retrieval, and project management, following the Agent Skills standard.
Awesome Claude Skills
A curated list of resources and tools for enhancing Claude AI workflows.
Claude Scientific Skills
A comprehensive collection of ready-to-use scientific and research skills for AI agents.
概要
# T-Tools
[English](README.en.md)
面向 Rust、React、小程序与 Flutter 项目的 Claude Code plugin。它把 AI 编程拆成一条可执行、可恢复、可验收的工程工作流:
```text Decision -> 技术预研 -> PRD -> 设计 -> 任务 -> 开发 -> 验收 -> Demo -> 发布 ```
T-Tools 适合已经有产品文档、设计、任务拆解、开发、测试和 Demo 交付链路的项目。它的重点不是让模型自由发挥,而是用 skill 编排阶段、用 subagent 分工执行、用 protocol 固化共享契约,并在需要时用 check / accept 阶段收口质量。
推荐先读 [human/structure.md](human/structure.md),理解 skill、subagent、protocol 如何协同;做需求前可用 [human/speech-template.md](human/speech-template.md) 先口述一遍真实意图。

## 快速上手
前置条件:
- 已按 [安装](#安装) 加载插件 - 目标项目具备 `docs/` 和 `.ai/` 运行时目录 - 已配置 [`context7`](https://github.com/upstash/context7)
最短闭环:
```bash # 产品立项判断 /t-tools:t-decision user-management
# 需要可行性、依赖或成本判断时使用 /t-tools:t-tech-research user-management
# 生成 .ai/prd 与 .ai/user-stories 草稿 /t-tools:t-prd user-management
# PRD 质量检查(可选,推荐高风险需求运行) /t-tools:t-prd-check user-management
# 生成技术设计 /t-tools:t-design user-management
# 设计质量检查(可选,推荐复杂设计运行) /t-tools:t-design-check user-management
# 生成 backend 阶段可执行任务 /t-tools:t-task user-management --phase backend
# 检查任务拆分、顺序和可执行性(可选,推荐复杂任务运行) /t-tools:t-task-check user-management --phase backend
# 按阶段实现与测试 /t-tools:t-run user-management --phase backend
# 运行 Demo/E2E 测试 /t-tools:t-demo-run super-admin
# 最终验收 /t-tools:t-demo-accept super-admin
# 实现和验收后发布正式 PRD / 用户故事 /t-tools:t-prd-publish user-management ```
`t-prd-check`、`t-design-check`、`t-task-check` 是可选质量检查:高风险需求、复杂设计、多人协作、长期维护或 AI 输出明显不稳定时建议运行;简单变更可直接进入下一阶段。`accept` 阶段仍是实现后的验收收口,不属于这三个可选检查。
## 阶段拆分
`t-task`、`t-task-check` 和 `t-run` 都按 phase 推进,其中 `t-task-check` 是可选检查。典型 Web 顺序是 `backend -> frontend -> demo`;按实际交付端可插入 `miniapp` 和/或 `flutter`。
- `backend`:后端接口、数据模型、权限、业务逻辑、后端测试和只读验收。 - `frontend`:React 页面、组件、状态、前端测试和只读验收。 - `miniapp`:小程序页面、平台能力、构建验证和只读验收。 - `flutter`:Flutter View、Riverpod 状态、数据层、单元/widget/integration 测试和只读验收。 - `demo`:基于用户故事维护 Playwright Demo/E2E,并验收真实用户路径。
每个 phase 都先运行 `/t-tools:t-task <feature> --phase <phase>`,随后可按风险选择运行 `/t-tools:t-task-c
プラットフォーム互換性
技術詳細
- バージョン
- 1.0.0
- ライセンス
- Apache-2.0
- 最終更新
- 2026年8月18日
- 公開日
- 2026年7月24日
フレームワークとツール
判断の要約
補助スキル
最近のリポジトリ活動
Agent 実証エビデンス
Agent 実証エビデンス
Resolve、レビュー、インストール、限定実行後の成果レポート。
- 成功率
- —
- 直近の失敗
- —
- 成果
- 0
- 出力品質
- —
- 失敗
- 0
- 非該当
- 0
- インストール数
- 0
- リスクによりブロック
- 0
- 設定が必要
- 0
- 本番
- 0
Agent の実行結果はまだありません。最初の実行では /api/agent/outcome を通じて成功、設定要件、リスクによるブロック、失敗、非該当を報告できます。
成長ループ
共有キット
Web Dev Skills 用のシナリオベース草案です。X へ手動投稿できます。
A practical pick for design or creative work: Web Dev Skills: A Claude Code plugin for Rust + React projects. It turns PRD -> Design -> Task -> Development -> Acceptance -> Demo into a... 68 stars https://www.openagentskill.com/skills/timzaak-web-dev-skills?ref=x
任意:インストールコマンド付きの返信
Listing + install path for Web Dev Skills: https://www.openagentskill.com/skills/timzaak-web-dev-skills?ref=x Install: npx skills add timzaak/web-dev-skills
掲載元
コミュニティにより登録
この掲載は公開ソースから登録されており、メンテナー申請が承認されるまで公式として表示されません。
- 作成者
- timzaak
- インデックス作成者
- OpenAgentSkill コミュニティインデックス
帰属は公開リポジトリまたは作成者プロフィールにリンクされています。作成者は掲載を申請して所有権シグナルを更新できます。
このスキルを申請所有者の申請
このスキル掲載を申請
この コミュニティにより登録 掲載は timzaak に帰属していますが、まだ公式として表示されていません。申請すると、確認済み所有者シグナルが追加され、今後の公開、インストール、監査更新の信頼性が高まります。
クリエイター被リンクキット
README にエビデンスバッジを追加
開発者がリポジトリを評価する場所で、正規掲載、現在の信頼・監査シグナル、実際の Agent-Proven エビデンスを表示します。
[](https://www.openagentskill.com/skills/timzaak-web-dev-skills)
[](https://www.openagentskill.com/skills/timzaak-web-dev-skills)
[](https://www.openagentskill.com/skills/timzaak-web-dev-skills/audit)
[](https://www.openagentskill.com/skills/timzaak-web-dev-skills)作者
timzaak
@timzaak
プラットフォーム適合
健全性シグナル
- GitHub スター
- 68
- 品質スコア
- 46/100
- 最終 GitHub プッシュ
- 2026年8月15日
- フレームワークのヒント
- 1
- OpenAgentSkill 閲覧数
- 2
- インストールコピー数
- 0
- 外部クリック
- 0
コミュニティシグナル
このスキルが Agent ワークフローに役立つかを共有してください。集約されたフィードバックがランキングを改善します。
信頼と安全性
サンドボックス限定
- GitHub 採用度GitHub スター 68確認
- スター/フォーク活動スター 68、フォーク 6; 現在のメタデータでは Issue 活動を利用できません確認
- 最近のメンテナンス最終プッシュから 8 日合格
- ライセンスの明確さApache-2.0合格
- README/SKILL.md の完全性メタデータには十分な利用・ワークフロー文脈があります合格
- 依存関係/ランタイムのリスクcommand execution surface, network or browser surface情報
関連スキル
Khazix Skills
A collection of practical, installable AI agent skills for disk cleanup, AI news retrieval, and project management, following the Agent Skills standard.
19.6K スターAwesome Claude Skills
A curated list of resources and tools for enhancing Claude AI workflows.
65.9K スターClaude Scientific Skills
A comprehensive collection of ready-to-use scientific and research skills for AI agents.
31.2K スター