Web Dev Skills
A Claude Code plugin for Rust + React projects. It turns PRD -> Design -> Task -> Development -> Acceptance -> Demo into a reusable workflow
Asset-Profil
Coding- und Entwickler-Agents
Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.
Szenario
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Agent-Fit
Claude Code + Browser agents + CLI
Geeignet für Codex, Claude Code, Cursor, CLI oder benutzerdefinierte Agents.
Installieren
Bereit
npx skills add timzaak/web-dev-skills
Wartung
Aktuell
8 Tage seit dem letzten Push
Risiko
Sicher zu testen
Quality score needs review
GitHub-Qualität
68
75/100 Qualität · 76/100 Vertrauen
Abdeckungs-Tags
Review-Notizen
Quality score needs review · GitHub adoption: 68 GitHub stars
Agent-Adoptionskarte
Vertrauen, Audit und Installationsbereitschaft auf einen Blick
Diese Werte kombinieren öffentliche Repository-Metadaten, OpenAgentSkill-Reviewsignale, Wartungsaktualität und Installationsbereitschaft. Sie helfen bei der Vorauswahl, ersetzen aber keine menschliche Prüfung.
Qualität
StarkSolid option that is likely worth shortlisting for production workflows.
Vertrauen
Nur SandboxNützlicher Kandidat mit fehlenden oder gemischten Vertrauenssignalen. Bis der Ergebniszyklus die Passung belegt, in einem isolierten Arbeitsbereich verwenden.
Audit
Sicher zu testenMaschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
OpenAgentSkill Trust Score v5
Menschliche Prüfung vor Installation
Nur in einer Sandbox ausführen und nahe Alternativen vergleichen, bevor sie produktiv eingesetzt wird.
Stars
68 GitHub-Stars
Repository-Aktivität
68 Stars und 6 Forks
Wartung
8 Tage seit dem letzten Push
Lizenz
Apache-2.0
Installieren
npx skills add timzaak/web-dev-skills
Installationssicherheit
Standard-Paket- oder Laufzeit-Installationspfad
Berechtigungsfläche
shell or command execution, network or browser access
Agent-Ergebnisse
Noch keine Agent-Ergebnisdaten
Dokumentation
Starker README/SKILL.md-Kontext
Risikoübersicht
Vor Produktion prüfen
- Quality score needs review
- GitHub adoption: 68 GitHub stars
- Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata
Installationsbereitschaft
Installationspfad verfügbar
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Lizenz ist angegeben
- Noch keine Agent-Proven-Ergebnisbelege
Agent-lesbare Metadaten
Maschinenlesbare Entscheidungsdaten für diesen Skill.
Nutze diesen Block oder das eingebettete JSON, um zu entscheiden, ob ein Agent diesen Skill installieren, eine Alternative wählen oder zuerst menschliche Prüfung anfordern soll.
Geeignete Aufgaben
- Workflow-Automatisierung-Workflows
- Claude-Code-Teams
- builders willing to evaluate younger projects
- Move data between tools
Geeignete Agents
Installationsentscheidung
- Befehl
- npx skills add timzaak/web-dev-skills
- Richtlinie
- Prüfen
- Menschliche Prüfung
- Ja
Vertrauen und Risiko
- Vertrauen
- 68/100
- Audit
- 82/100
- Risikoebene
- Sicher zu testen
Ergebnis-Loop
- Endpoint
- /api/agent/outcome
- Event-ID
- resolve
- Ergebnisse
- 5
Installationsbefehl
npx skills add timzaak/web-dev-skillsNicht verwenden, wenn
- Teams, die ein vom Anbieter unterstütztes SLA benötigen
- Hochregulierte Umgebungen ohne interne Sicherheitsprüfung
- No major risk signals from current metadata
- Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
- Quality score needs review
Agent-Sicherheit v2
50/100 · Automatische Installation vermeiden
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
Hoch
Shell- oder Befehlsausführung
Die Skill-Metadaten verweisen auf Terminal-, CLI-, Shell-, Subprozess- oder Befehlsausführungs-Workflows.
Mittel
Browser automation
Skill may drive a browser or interact with web pages.
Mittel
Netzwerkzugriff
Die Skill ruft wahrscheinlich Remote-Seiten, APIs, Repositories oder externe Dienste ab.
Mittel
Dateisystemzugriff
Die Skill kann Projektdateien, Dokumente, generierte Artefakte oder den lokalen Arbeitsbereich lesen oder schreiben.
- Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
- Quality score needs review
Installationsziele
Diesen Skill im Agent-Workflow installieren
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
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-Auflösungsplan
Lass einen Agent die Eignung vor der Installation prüfen.
Die Resolve API liefert die beste Skill, Alternativen, Sicherheitsrichtlinien, Auditnotizen, Installationsziel und einen direkt nutzbaren Prompt.
JSON öffnen
/api/agent/resolve?task=Use%20Web%20Dev%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve-Text
/api/agent/resolve?task=Use%20Web%20Dev%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Installationsübergabe
/api/skills/timzaak-web-dev-skills/install
Agent sollte prüfen
- 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.
Prompt kopieren
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-Übergabe
Gib dem Agent den Installationspfad, nicht noch ein Verzeichnis.
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
Installationsübergabe
/api/skills/timzaak-web-dev-skills/install
LLM-Textformat
/api/skills/timzaak-web-dev-skills/install?format=text
Alternativen finden
/api/skills/search?q=Web%20Dev%20Skills&limit=3
Agent-Prompt
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-Metadaten
Agent-lesbares Profil für die automatische Skill-Auswahl.
Die Registry API stellt Entscheidungs-, Vertrauens-, Audit-, Use-Case- und Installationssignale ohne UI-Scraping bereit.
Manifest
/api/registry/manifest/timzaak-web-dev-skills
LLM-Text
/api/registry/manifest/timzaak-web-dev-skills?format=text
Installationsalias
/api/registry/install/timzaak-web-dev-skills
Empfehlen
/api/registry/recommend?task=Use%20Web%20Dev%20Skills%20in%20an%20agent%20workflow&limit=3
Agent-Fit
Workflow-Automatisierung
Plattformen
Python, Claude Code, Browser agents
Audit-Bericht
Sicher zu testen · 82/100
Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
Agent-Entscheidungspanel
Companion skill for Workflow automation
Shortlist this skill and compare it with close alternatives before production adoption.
Rolle im Stack
Ergänzende Skill
Primäre Eignung
Workflow-Automatisierung
Vertrauenslabel
Starke Shortlist
Installationspfad
Befehl bereit
Verwenden wenn
- Workflow-Automatisierung-Workflows
- Claude-Code-Teams
- builders willing to evaluate younger projects
Evidenz
- recent repository activity
- install command or GitHub repo available
- Qualitätsprofil 75/100
- 3 OpenAgentSkill-Interaktionen
zuerst prüfen
- No major risk signals from current metadata
Implementierungspfad
- 1Installieren Sie es in einem Sandbox-Agent und führen Sie eine Workflow-Automatisierung-Aufgabe vollständig aus.
- 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.
Vertrauensprofil
Nur Sandbox
Nützlicher Kandidat mit fehlenden oder gemischten Vertrauenssignalen. Bis der Ergebniszyklus die Passung belegt, in einem isolierten Arbeitsbereich verwenden.
GitHub-Akzeptanz
Prüfen68 GitHub-Stars
Star-/Fork-Aktivität
Prüfen68 Stars und 6 Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbar
Aktuelle Wartung
Bestanden8 Tage seit dem letzten Push
Lizenzklarheit
BestandenApache-2.0
Positive Signale
- KI-Prüfung genehmigt
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Kürzlich gewartetes Repository
- Der Installationsbefehl weist kein offensichtliches Hochrisikomuster auf
- Ergebniszyklus ist bereit, benötigt aber den ersten echten Agent-Lauf
Vor Installation prüfen
- Quality score needs review
- GitHub adoption: 68 GitHub stars
- Stars/forks activity: 68 stars, 6 forks; issue activity unavailable in current metadata
- Noch keine echten Agent-Ergebnisberichte
- Vor unbeaufsichtigter Installation ist menschliche Prüfung erforderlich
Empfohlene Aktion
Nur in einer Sandbox ausführen und nahe Alternativen vergleichen, bevor sie produktiv eingesetzt wird.
Qualitätsprofil
Stark Kandidat für Agent-Workflows
Solid option that is likely worth shortlisting for production workflows.
Workflow-Eignung
Diese Skill in diesen Szenarien nutzen
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.
Workflow-Eignung
Zum vollständigen Workflow hinzufügen
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.
Alternativen-Shortlist
Vor Installation vergleichen
Similar skills that may fit this task.
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.
Übersicht
# 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
Plattformkompatibilität
Technische Details
- Version
- 1.0.0
- Lizenz
- Apache-2.0
- Letzte Aktualisierung
- 18. Aug. 2026
- Veröffentlicht
- 24. Juli 2026
Frameworks & Tools
Entscheidungsübersicht
Ergänzende Skill
recent repository activity
Audit
Installationsprüfung
Installations- und Adoptionsprüfung
- Sicherheit
- 83/100
- Wartung
- 100/100
- Installieren
- 92/100
Von Agent belegte Evidenz
Von Agent belegte Evidenz
Ergebnisberichte nach Resolve, Prüfung, Installation und einem begrenzten Lauf.
- Erfolgsrate
- —
- Letzter Fehler
- —
- Ergebnisse
- 0
- Ausgabequalität
- —
- Fehlgeschlagen
- 0
- Nicht relevant
- 0
- Installationen
- 0
- Durch Risiko blockiert
- 0
- Einrichtung erforderlich
- 0
- Produktion
- 0
Noch keine Agent-Ergebnisdaten. Der erste Lauf kann Erfolg, Einrichtungsbedarf, Risikoblockaden, Fehler oder Irrelevanz über /api/agent/outcome melden.
Installieren
Zum Agent-Workflow hinzufügen
Kostenlos und Open Source. Bericht vor der Installation in Produktions-Agents prüfen.
Wachstums-Loop
Share-Kit
Szenariobasierter Entwurf für Web Dev Skills, bereit für einen manuellen X-Post.
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
Optionale Antwort mit Installationsbefehl
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
Quelle des Eintrags
Community-indexiert
Dieser Eintrag wurde aus öffentlichen Quellen indexiert und ist erst nach Genehmigung eines Maintainer-Anspruchs offiziell.
- Ersteller
- timzaak
- Quelle
- timzaak/web-dev-skills
- Indexiert von
- OpenAgentSkill Community-Index
Die Zuordnung verlinkt auf das öffentliche Repository oder Creator-Profil. Creator können den Eintrag beanspruchen, um Eigentümersignale zu aktualisieren.
Diesen Skill beanspruchenEigentümeranspruch
Diesen Skill-Eintrag beanspruchen
Dieser Community-indexiert-Eintrag wird timzaak zugeschrieben, ist aber noch nicht offiziell markiert. Beanspruche ihn, um ein verifiziertes Eigentümersignal hinzuzufügen und künftige Launch-, Installations- und Audit-Updates vertrauenswürdiger zu machen.
Creator-Backlink-Kit
Evidenz-Badges in deine README einfügen
Zeige den kanonischen Eintrag, aktuelle Vertrauens- und Audit-Signale sowie echte Agent-Proven-Evidenz dort, wo Entwickler das Repository bewerten.
[](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)Autor
timzaak
@timzaak
Plattform-Fit
Gesundheitssignale
- GitHub-Stars
- 68
- Qualitätswert
- 46/100
- Letzter GitHub-Push
- 15. Aug. 2026
- Framework-Hinweise
- 1
- OpenAgentSkill-Aufrufe
- 2
- Installationskopien
- 0
- Externe Klicks
- 0
Community-Signal
Teile mit, ob dieser Skill für deinen Agent-Workflow nützlich ist. Zusammengefasstes Feedback verbessert das Ranking im Laufe der Zeit.
Vertrauen & Sicherheit
Nur Sandbox
- GitHub-Akzeptanz68 GitHub-StarsPrüfen
- Star-/Fork-Aktivität68 Stars und 6 Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbarPrüfen
- Aktuelle Wartung8 Tage seit dem letzten PushBestanden
- LizenzklarheitApache-2.0Bestanden
- README/SKILL.md-VollständigkeitMetadaten enthalten ausreichend Nutzungs- und Workflow-KontextBestanden
- Abhängigkeits-/Laufzeitrisikocommand execution surface, network or browser surfaceInfo
Ähnliche Skills
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