Web Dev Skills

Tinjau · 68
Diindeks komunitas

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

Verified installs0
Star68
Versi1.0.0
Kualitas75/100 · Kuat
Kepercayaan68/100 · Hanya sandbox
Audit82/100 · Aman untuk dicoba

Profil aset

Agent pemrograman dan pengembangan

Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.

Lihat kategori

Skenario

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

Kecocokan Agent

Claude Code + Browser agents + CLI

Cocok untuk Codex, Claude Code, Cursor, CLI, atau Agent khusus.

Pasang

Siap

npx skills add timzaak/web-dev-skills

Pemeliharaan

Terkini

8 hari sejak push

Risiko

Aman untuk dicoba

Quality score needs review

Kualitas GitHub

68

75/100 Kualitas · 76/100 Kepercayaan

Tag cakupan

CodingGitHub automationAlat umumskillknowledge-search

Catatan ulasan

Quality score needs review · GitHub adoption: 68 GitHub stars

Kartu adopsi Agent

Kepercayaan, audit, dan kesiapan pemasangan dalam sekali lihat

Skor ini menggabungkan metadata repositori publik, sinyal ulasan OpenAgentSkill, kebaruan pemeliharaan, dan kesiapan pemasangan. Ini adalah sinyal shortlist, bukan pengganti peninjauan manusia.

Kualitas

Kuat
75

Solid option that is likely worth shortlisting for production workflows.

Kepercayaan

Hanya sandbox
68

Kandidat berguna dengan sinyal kepercayaan yang kurang atau bercampur. Gunakan di ruang kerja terisolasi hingga loop hasil membuktikan kecocokan tugas.

Audit

Aman untuk dicoba
82

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Trust Score OpenAgentSkill v5

Tinjauan manusia sebelum pemasangan

Jalankan hanya dalam sandbox dan bandingkan alternatif terdekat sebelum digunakan untuk kerja nyata.

PythonCodexClaude CodeCursorOpenAgentSkill CLI

Star

68 star GitHub

Aktivitas repositori

68 star dan 6 fork

Pemeliharaan

8 hari sejak push

Lisensi

Apache-2.0

Pasang

npx skills add timzaak/web-dev-skills

Keamanan pemasangan

Jalur pemasangan paket atau runtime standar

Cakupan izin

shell or command execution, network or browser access

Hasil Agent

Belum ada data hasil Agent

Dokumentasi

Konteks README/SKILL.md kuat

Ringkasan risiko

Tinjau sebelum produksi

  • Quality score needs review
  • GitHub adoption: 68 GitHub stars
  • Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata

Kesiapan pemasangan

Jalur pemasangan tersedia

  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Lisensi dinyatakan
  • Belum ada bukti hasil Agent-Proven

Metadata yang dapat dibaca Agent

Data keputusan yang dapat dibaca mesin untuk skill ini.

Gunakan blok ini atau JSON tersemat untuk memutuskan apakah Agent perlu memasang skill ini, memilih alternatif, atau meminta tinjauan manusia terlebih dahulu.

Buka JSON

Tugas yang sesuai

  • alur kerja Otomasi alur kerja
  • Tim Claude Code
  • builders willing to evaluate younger projects
  • Move data between tools

Agent yang sesuai

PythonCodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

Keputusan pemasangan

Perintah
npx skills add timzaak/web-dev-skills
Kebijakan
Tinjau
Tinjauan manusia
Ya

Kepercayaan dan risiko

Kepercayaan
68/100
Audit
82/100
Tingkat risiko
Aman untuk dicoba

Lingkar hasil

Endpoint
/api/agent/outcome
ID event
resolve
Hasil
5

Perintah pemasangan

npx skills add timzaak/web-dev-skills

Jangan gunakan ketika

  • Tim yang membutuhkan SLA dengan dukungan vendor
  • Lingkungan berkompliansi tinggi tanpa tinjauan keamanan internal
  • No major risk signals from current metadata
  • Petunjuk izin berisiko tinggi: eksekusi shell atau perintah
  • Quality score needs review

Keamanan Agent v2

50/100 · Hindari pemasangan otomatis

EksperimentalTinjau

Sparse or mixed signals. Useful for discovery, but not for autonomous installation.

Test manually in an isolated workspace and compare against safer alternatives.

Selesaikan via API

Tinggi

Eksekusi shell atau perintah

Metadata skill merujuk terminal, CLI, shell, subprocess, atau alur kerja eksekusi perintah.

Sedang

Browser automation

Skill may drive a browser or interact with web pages.

Sedang

Akses jaringan

Skill kemungkinan mengambil halaman jarak jauh, API, repositori, atau layanan eksternal.

Sedang

Akses sistem file

Skill dapat membaca atau menulis file proyek, dokumen, artefak yang dihasilkan, atau status workspace lokal.

  • Petunjuk izin berisiko tinggi: eksekusi shell atau perintah
  • Quality score needs review

Target pemasangan

Pasang skill ini di alur Agent Anda

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

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

Rencana resolusi Agent

Biarkan Agent memverifikasi kecocokan sebelum memasang.

API Resolve mengembalikan skill utama, alternatif, kebijakan keamanan, catatan audit, target pemasangan, dan prompt siap pakai.

Buka rencana teks

Agent harus memeriksa

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Salin prompt

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.

Serah-terima Agent

Berikan jalur pemasangan kepada Agent, bukan direktori lain.

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

Buka API pemasangan

Prompt 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

Metadata Registry

Profil yang dapat dibaca Agent untuk pemilihan skill otomatis.

API Registry menyediakan sinyal keputusan, kepercayaan, audit, use case, dan pemasangan tanpa mengikis UI.

Buka Manifest

Kecocokan Agent

75/100

Otomasi alur kerja

Platform

Python, Claude Code, Browser agents

Laporan audit

Aman untuk dicoba · 82/100

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Lihat laporan auditLihat laporan evaluasi

Panel keputusan Agent

Companion skill for Workflow automation

Shortlist this skill and compare it with close alternatives before production adoption.

75
Kesiapan
Shortlist
Tahap

Peran di stack

Skill pendamping

Kecocokan utama

Otomasi alur kerja

Label kepercayaan

Shortlist kuat

Jalur pemasangan

Perintah siap

Gunakan saat

  • alur kerja Otomasi alur kerja
  • Tim Claude Code
  • builders willing to evaluate younger projects

Bukti

  • recent repository activity
  • install command or GitHub repo available
  • profil kualitas 75/100
  • 3 event interaksi OpenAgentSkill

tinjau dulu

  • No major risk signals from current metadata

Jalur implementasi

  1. 1Pasang di Agent sandbox dan jalankan satu tugas Otomasi alur kerja dari awal hingga akhir.
  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.

Profil kepercayaan

Hanya sandbox

Kandidat berguna dengan sinyal kepercayaan yang kurang atau bercampur. Gunakan di ruang kerja terisolasi hingga loop hasil membuktikan kecocokan tugas.

68
Trust Score OpenAgentSkill

Adopsi GitHub

Periksa

68 star GitHub

Aktivitas star/fork

Periksa

68 star dan 6 fork; aktivitas issue tidak tersedia dalam metadata saat ini

Pemeliharaan terbaru

Lulus

8 hari sejak push

Kejelasan lisensi

Lulus

Apache-2.0

Sinyal positif

  • Tinjauan AI disetujui
  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Repositori yang baru dipelihara
  • Perintah pemasangan tidak memiliki pola berisiko tinggi yang jelas
  • Loop hasil siap tetapi membutuhkan eksekusi Agent nyata pertama

Tinjau sebelum memasang

  • Quality score needs review
  • GitHub adoption: 68 GitHub stars
  • Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata
  • Belum ada laporan hasil Agent nyata
  • Tinjauan manusia diperlukan sebelum pemasangan tanpa pengawasan

Tindakan yang disarankan

Jalankan hanya dalam sandbox dan bandingkan alternatif terdekat sebelum digunakan untuk kerja nyata.

Profil kualitas

Kuat kandidat untuk alur kerja Agent

Solid option that is likely worth shortlisting for production workflows.

75
Star GitHub
68
Keterkinian
8 hari lalu
Siap dipasang
Ya
Lisensi
Apache-2.0

Kecocokan alur kerja

Gunakan skill ini pada skenario berikut

Kecocokan alur kerja

Tambahkan ke alur kerja lengkap

Daftar alternatif

Bandingkan sebelum memasang

Similar skills that may fit this task.

Bandingkan semua

Ringkasan

# 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

Kompatibilitas platform

pythonFULL

Detail teknis

Versi
1.0.0
Lisensi
Apache-2.0
Pembaruan terakhir
18 Agu 2026
Diterbitkan
24 Jul 2026

Framework dan alat

Python

Ringkasan keputusan

Skill pendamping

75
Siap
Shortlist
Tahap

recent repository activity

Audit

Tinjauan pemasangan

Tinjauan pemasangan dan adopsi

82
Aman untuk dicoba
Keamanan
83/100
Pemeliharaan
100/100
Pasang
92/100
Buka audit lengkapLihat laporan evaluasi

Bukti tervalidasi Agent

Bukti tervalidasi Agent

Laporan hasil setelah resolve, tinjau, pasang, dan satu eksekusi terbatas.

0
Terbukti
Needs first agent runPasang otomatis: tinjau duluTerakhir: Tidak diketahui
Tingkat sukses
Kegagalan terbaru
Hasil
0
Kualitas output
Gagal
0
Tidak relevan
0
Pemasangan
0
Diblokir risiko
0
Perlu penyiapan
0
Produksi
0

Belum ada data hasil Agent. Eksekusi pertama dapat melaporkan keberhasilan, kebutuhan setup, blok risiko, kegagalan, atau tidak relevan melalui /api/agent/outcome.

Pasang

Tambahkan ke alur Agent

Gratis dan sumber terbuka. Tinjau laporan sebelum memasang pada Agent produksi.

Siklus pertumbuhan

Kit berbagi

X

Draf berbasis skenario untuk Web Dev Skills, siap untuk posting manual di X.

Catatan kurator
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
Buka draf X
Balasan opsional dengan perintah pemasangan
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
Buka draf balasan

Sumber listing

Diindeks komunitas

Dapat diklaim

Listing ini diindeks dari sumber publik dan belum ditandai resmi hingga klaim pemelihara disetujui.

Kreator
timzaak
Diindeks oleh
Indeks komunitas OpenAgentSkill

Atribusi menautkan ke repositori publik atau profil kreator. Kreator dapat mengklaim listing untuk memperbarui sinyal kepemilikan.

Klaim skill ini

Klaim pemilik

Klaim listing skill ini

Listing Diindeks komunitas ini dikaitkan dengan timzaak, tetapi belum ditandai resmi. Klaim untuk menambahkan sinyal pemilik terverifikasi dan membuat pembaruan peluncuran, pemasangan, serta audit berikutnya lebih tepercaya.

Kit backlink kreator

Tambahkan badge bukti ke README Anda

Tampilkan listing kanonis, sinyal kepercayaan dan audit saat ini, serta bukti Agent-Proven nyata di tempat pengembang mengevaluasi repositori.

[![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)

Penulis

T

timzaak

@timzaak

Kecocokan platform

Sinyal kesehatan

Star GitHub
68
Skor kualitas
46/100
Push GitHub terakhir
15 Agu 2026
Petunjuk framework
1
Tampilan OpenAgentSkill
2
Salinan pemasangan
0
Klik keluar
0

Sinyal komunitas

Bagikan apakah skill ini bermanfaat untuk alur kerja Agent Anda. Masukan gabungan meningkatkan peringkat dari waktu ke waktu.

Kepercayaan & keamanan

Hanya sandbox

68
  • Adopsi GitHub68 star GitHubPeriksa
  • Aktivitas star/fork68 star dan 6 fork; aktivitas issue tidak tersedia dalam metadata saat iniPeriksa
  • Pemeliharaan terbaru8 hari sejak pushLulus
  • Kejelasan lisensiApache-2.0Lulus
  • Kelengkapan README/SKILL.mdMetadata memuat konteks penggunaan dan alur kerja yang cukupLulus
  • Risiko dependensi/runtimecommand execution surface, network or browser surfaceInfo