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 与开发工作流 Skill。
场景
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
维护状态
新鲜
距上次推送 7 天
风险
可安全尝试
Quality score needs review
GitHub 质量
68
75/100 质量 · 76/100 信任
覆盖标签
审查说明
Quality score needs review · GitHub adoption: 68 GitHub stars
Agent 采用评分卡
一眼查看信任、审计与安装准备度
这些分数综合公开仓库元数据、OpenAgentSkill 审查信号、维护新鲜度与安装准备度。它用于候选筛选,不替代人工审查。
质量
强可靠的选择,值得加入生产工作流候选列表。
信任
仅限沙盒有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前,请保持在隔离工作区内使用。
审计
可安全尝试对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。
OpenAgentSkill 信任评分 v5
安装前需人工审查
仅在沙盒中运行,并在用于真实工作前比较接近的替代方案。
Stars
68 个 GitHub Stars
仓库活跃度
68 个 Star,6 个 Fork
维护状态
距上次推送 7 天
许可证
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 验证结果证据
Agent 可读元数据
这个 Skill 的机器可读决策数据。
使用此区块或内嵌 JSON 判断 Agent 是否应安装该 Skill、选择替代方案,或先请求人工审查。
适用任务
- 工作流自动化 工作流
- 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 工作流中安装此 Skill
通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。
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 返回首选 Skill、替代方案、安全策略、审计说明、安装目标和可直接执行的提示词,无需抓取此页面。
打开 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,而不是再给一个目录页。
通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。
安装交接
/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 元数据
用于自动选择 Skill 的 Agent 可读档案。
本页通过 Registry API 提供相同的决策、信任、审计、场景和安装信号,让 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
将此 Skill 加入候选列表,并在生产使用前与相近替代方案比较。
栈中角色
辅助 Skill
主要匹配
工作流自动化
信任标签
强候选
安装路径
命令已就绪
适用场景
- 工作流自动化 工作流
- Claude Code 团队
- builders willing to evaluate younger projects
证据
- 仓库近期活跃
- 已提供安装命令或 GitHub 仓库
- 75/100 质量档案
- 3 个 OpenAgentSkill 交互事件
先审查
- 当前元数据中未发现重大风险信号
实施路径
- 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 采用度
检查68 个 GitHub Stars
Star/Fork 活跃度
检查68 个 Star,6 个 Fork; 当前元数据中没有议题活跃度信息
近期维护
通过距上次推送 7 天
许可证清晰度
通过Apache-2.0
积极信号
- AI 审查已通过
- 安装路径可用
- 仓库证据可用
- 近期维护的仓库
- 安装命令未发现明显高风险模式
- 结果闭环已就绪,但需要首次真实 Agent 运行
安装前审查
- Quality score needs review
- GitHub adoption: 68 GitHub stars
- Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata
- 暂未有真实 Agent 结果报告
- 无人值守安装前需要人工审查
建议操作
仅在沙盒中运行,并在用于真实工作前比较接近的替代方案。
质量档案
强 适用于 Agent 工作流的候选
可靠的选择,值得加入生产工作流候选列表。
工作流匹配
在这些场景使用此 Skill
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.
替代方案短名单
安装前对比
可能适合该任务的相近 Skill。
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日
框架与工具
决策摘要
辅助 Skill
仓库近期活跃
Agent 验证证据
Agent 验证证据
来自解析、审查、安装和一次小范围运行后的结果报告。
- 成功率
- —
- 近期失败
- —
- 结果
- 0
- 输出质量
- —
- 失败
- 0
- 不相关
- 0
- 安装次数
- 0
- 风险拦截
- 0
- 需要配置
- 0
- 生产环境
- 0
暂时没有 Agent 结果数据。首次 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 社区索引
归属链接指向公开仓库或创作者主页。创作者可认领列表以更新所有权信号。
认领此 Skill所有者认领
认领此 Skill 页面
这条 社区收录 列表归属于 timzaak,但尚未标记为官方。认领后可增加已验证所有者信号,使后续发布、安装和审计更新更值得信赖。
创作者外链工具包
将证据徽章加入你的 README
在开发者评估仓库的位置展示规范页面、当前信任与审计信号,以及真实的 Agent 验证证据。
[](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 Stars
- 68
- 质量评分
- 46/100
- 最近 GitHub 推送
- 2026年8月15日
- 框架提示
- 1
- OpenAgentSkill 浏览量
- 2
- 复制安装命令
- 0
- 跳转点击
- 0
社区信号
告诉我们这个 Skill 是否对你的 Agent 工作流有帮助。汇总反馈会持续改善排序。
信任与安全
仅限沙盒
- GitHub 采用度68 个 GitHub Stars检查
- Star/Fork 活跃度68 个 Star,6 个 Fork; 当前元数据中没有议题活跃度信息检查
- 近期维护距上次推送 7 天通过
- 许可证清晰度Apache-2.0通过
- README/SKILL.md 完整度元数据包含足够的用法与工作流上下文通过
- 依赖与运行时风险command execution surface, network or browser surface信息
相关 Skill
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 StarsAwesome Claude Skills
A curated list of resources and tools for enhancing Claude AI workflows.
65.9K StarsClaude Scientific Skills
A comprehensive collection of ready-to-use scientific and research skills for AI agents.
31.2K Stars