Web Dev Skills

审查 · 68
社区收录

A Claude Code plugin for Rust + React projects. It turns PRD -> Design -> Task -> Development -> Acceptance -> Demo into a reusable workflow

Verified installs0
Stars68
版本1.0.0
质量75/100 ·
信任68/100 · 仅限沙盒
审计82/100 · 可安全尝试

供给资产档案

编程与开发 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 信任

覆盖标签

编程GitHub automation通用工具skillknowledge-search

审查说明

Quality score needs review · GitHub adoption: 68 GitHub stars

Agent 采用评分卡

一眼查看信任、审计与安装准备度

这些分数综合公开仓库元数据、OpenAgentSkill 审查信号、维护新鲜度与安装准备度。它用于候选筛选,不替代人工审查。

质量

75

可靠的选择,值得加入生产工作流候选列表。

信任

仅限沙盒
68

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前,请保持在隔离工作区内使用。

审计

可安全尝试
82

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

OpenAgentSkill 信任评分 v5

安装前需人工审查

仅在沙盒中运行,并在用于真实工作前比较接近的替代方案。

PythonCodexClaude CodeCursorOpenAgentSkill CLI

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、选择替代方案,或先请求人工审查。

打开 JSON

适用任务

  • 工作流自动化 工作流
  • Claude Code 团队
  • builders willing to evaluate younger projects
  • Move data between tools

适用 Agent

PythonCodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

安装决策

命令
npx skills add timzaak/web-dev-skills
策略
审查
人工审查

信任与风险

信任
68/100
审计
82/100
风险级别
可安全尝试

结果闭环

端点
/api/agent/outcome
事件 ID
resolve
结果
5

安装命令

npx skills add timzaak/web-dev-skills

不适用场景

  • 需要厂商支持 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.

通过 API 解析

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 的规范链接。

skill install

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-skills

Agent 解析计划

让 Agent 在安装前验证匹配度。

Resolve API 返回首选 Skill、替代方案、安全策略、审计说明、安装目标和可直接执行的提示词,无需抓取此页面。

打开文本计划

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

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-skills

Registry 元数据

用于自动选择 Skill 的 Agent 可读档案。

本页通过 Registry API 提供相同的决策、信任、审计、场景和安装信号,让 Agent 无需抓取界面即可排序。

打开 Manifest

适配 Agent

75/100

工作流自动化

平台

Python, Claude Code, Browser agents

审计报告

可安全尝试 · 82/100

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

查看审计报告查看评估报告

Agent 决策面板

Companion skill for Workflow automation

将此 Skill 加入候选列表,并在生产使用前与相近替代方案比较。

75
就绪度
候选列表
阶段

栈中角色

辅助 Skill

主要匹配

工作流自动化

信任标签

强候选

安装路径

命令已就绪

适用场景

  • 工作流自动化 工作流
  • Claude Code 团队
  • builders willing to evaluate younger projects

证据

  • 仓库近期活跃
  • 已提供安装命令或 GitHub 仓库
  • 75/100 质量档案
  • 3 个 OpenAgentSkill 交互事件

先审查

  • 当前元数据中未发现重大风险信号

实施路径

  1. 1在沙盒 Agent 中安装它,并端到端完成一次工作流自动化任务。
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

信任档案

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前,请保持在隔离工作区内使用。

68
OpenAgentSkill 信任评分

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 工作流的候选

可靠的选择,值得加入生产工作流候选列表。

75
GitHub Stars
68
新鲜度
7 天前
安装就绪
许可证
Apache-2.0

工作流匹配

在这些场景使用此 Skill

工作流匹配

加入完整工作流

替代方案短名单

安装前对比

可能适合该任务的相近 Skill。

对比全部

概览

# 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) 先口述一遍真实意图。

![T-Tools 知识图谱](knowledge-graph.png)

## 快速上手

前置条件:

- 已按 [安装](#安装) 加载插件 - 目标项目具备 `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

平台兼容性

pythonFULL

技术详情

版本
1.0.0
许可证
Apache-2.0
最近更新
2026年8月18日
发布时间
2026年7月24日

框架与工具

Python

决策摘要

辅助 Skill

75
就绪
候选列表
阶段

仓库近期活跃

审计

安装审查

安装与采用审查

82
可安全尝试
安全性
83/100
维护状态
100/100
安装
92/100
打开完整审计查看评估报告

Agent 验证证据

Agent 验证证据

来自解析、审查、安装和一次小范围运行后的结果报告。

0
已验证
Needs first agent run自动安装: 先审查最近: 未知
成功率
近期失败
结果
0
输出质量
失败
0
不相关
0
安装次数
0
风险拦截
0
需要配置
0
生产环境
0

暂时没有 Agent 结果数据。首次 Agent 执行可以通过 /api/agent/outcome 报告成功、需要设置、风险拦截、失败或不相关。

安装

加入 Agent 工作流

免费且开源. 在生产 Agent 中安装前请先审查报告。

增长闭环

分享工具包

X

为 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
打开 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 验证证据。

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/timzaak-web-dev-skills?metric=listed&label=Listed)](https://www.openagentskill.com/skills/timzaak-web-dev-skills)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/timzaak-web-dev-skills?metric=trust&label=Trust)](https://www.openagentskill.com/skills/timzaak-web-dev-skills)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/timzaak-web-dev-skills?metric=audit&label=Audit)](https://www.openagentskill.com/skills/timzaak-web-dev-skills/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/timzaak-web-dev-skills?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/timzaak-web-dev-skills)

作者

T

timzaak

@timzaak

健康信号

GitHub Stars
68
质量评分
46/100
最近 GitHub 推送
2026年8月15日
框架提示
1
OpenAgentSkill 浏览量
2
复制安装命令
0
跳转点击
0

社区信号

告诉我们这个 Skill 是否对你的 Agent 工作流有帮助。汇总反馈会持续改善排序。

信任与安全

仅限沙盒

68
  • GitHub 采用度68 个 GitHub Stars检查
  • Star/Fork 活跃度68 个 Star,6 个 Fork; 当前元数据中没有议题活跃度信息检查
  • 近期维护距上次推送 7 天通过
  • 许可证清晰度Apache-2.0通过
  • README/SKILL.md 完整度元数据包含足够的用法与工作流上下文通过
  • 依赖与运行时风险command execution surface, network or browser surface信息