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
스타68
버전1.0.0
품질75/100 · 강함
신뢰68/100 · 샌드박스 전용
감사82/100 · 안전하게 시도 가능

공급 자산 프로필

코딩 및 개발 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 신뢰

커버리지 태그

코딩GitHub automation범용 도구skillknowledge-search

검토 메모

Quality score needs review · GitHub adoption: 68 GitHub stars

Agent 채택 스코어카드

신뢰, 감사, 설치 준비 상태를 한눈에 확인하세요

이 점수는 공개 저장소 메타데이터, OpenAgentSkill 검토 신호, 유지보수 최신성, 설치 준비 상태를 결합합니다. 후보 선정 신호일 뿐, 사람의 검토를 대체하지 않습니다.

품질

강함
75

프로덕션 워크플로 후보군에 넣을 만한 탄탄한 선택입니다.

신뢰

샌드박스 전용
68

신뢰 신호가 부족하거나 혼재된 유용한 후보입니다. 결과 루프가 작업 적합성을 입증할 때까지 격리된 작업 공간에서 사용하세요.

감사

안전하게 시도 가능
82

설치 준비 상태, 보안 메타데이터, 유지보수 및 채택 위험에 대한 기계 판독형 검토입니다.

OpenAgentSkill 신뢰 점수 v5

설치 전 사람 검토

실제 작업에 사용하기 전 샌드박스에서만 실행하고 유사 대안과 비교하세요.

PythonCodexClaude CodeCursorOpenAgentSkill CLI

스타

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 검증 결과 근거가 없습니다

Agent 읽기용 메타데이터

이 스킬의 기계 판독형 의사결정 데이터.

이 블록 또는 포함된 JSON을 사용해 Agent가 이 스킬을 설치할지, 대안을 고를지, 먼저 사람의 검토를 요청할지 판단할 수 있습니다.

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 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는 최우선 스킬, 대안, 안전 정책, 감사 메모, 설치 대상 및 Agent가 페이지를 스크래핑하지 않고 사용할 수 있는 프롬프트를 반환합니다.

텍스트 계획 열기

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 열기

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 메타데이터

자동 스킬 선택을 위한 Agent 읽기용 프로필.

Registry API를 통해 동일한 결정, 신뢰, 감사, 사용 사례, 설치 신호를 제공하므로 Agent가 UI를 스크래핑하지 않고도 순위를 매길 수 있습니다.

Manifest 열기

Agent 적합도

75/100

워크플로 자동화

플랫폼

Python, Claude Code, Browser agents

감사 보고서

안전하게 시도 가능 · 82/100

설치 준비 상태, 보안 메타데이터, 유지보수 및 채택 위험에 대한 기계 판독형 검토입니다.

감사 보고서 보기평가 보고서 보기

Agent 결정 패널

Companion skill for Workflow automation

이 스킬을 후보군에 넣고 프로덕션 채택 전에 유사 대안과 비교하세요.

75
준비 상태
후보군
단계

스택 내 역할

보조 스킬

주요 적합도

워크플로 자동화

신뢰 라벨

강력한 후보

설치 경로

명령어 준비됨

사용 시점

  • 워크플로 자동화 워크플로
  • Claude Code 팀
  • builders willing to evaluate younger projects

근거

  • 최근 저장소 활동
  • 설치 명령 또는 GitHub 저장소를 사용할 수 있습니다
  • 품질 프로필 75/100
  • OpenAgentSkill 상호작용 3건

먼저 검토

  • 현재 메타데이터에서 주요 위험 신호가 발견되지 않았습니다

구현 경로

  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 채택도

확인

GitHub 스타 68

스타/포크 활동

확인

스타 68, 포크 6; 현재 메타데이터에서 이슈 활동을 확인할 수 없습니다

최근 유지보수

통과

마지막 푸시 후 8일

라이선스 명확성

통과

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 스타
68
최신성
8일 전
설치 준비됨
라이선스
Apache-2.0

워크플로 적합도

이 스킬을 사용할 시나리오

워크플로 적합도

완전한 워크플로에 추가

대안 후보

설치 전 비교

이 작업에 적합할 수 있는 유사 스킬입니다.

모두 비교

개요

# 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

결정 스냅샷

보조 스킬

75
준비됨
후보군
단계

최근 저장소 활동

감사

설치 검토

설치 및 채택 검토

82
안전하게 시도 가능
보안
83/100
유지보수
100/100
설치
92/100
전체 감사 열기평가 보고서 보기

Agent 검증 증거

Agent 검증 증거

Resolve, 검토, 설치 및 한 번의 제한된 실행 후 결과 보고서입니다.

0
검증됨
Needs first agent run자동 설치: 먼저 검토최근: 알 수 없음
성공률
최근 실패
결과
0
출력 품질
실패
0
관련 없음
0
설치
0
위험 차단
0
설정 필요
0
프로덕션
0

아직 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 커뮤니티 인덱스

귀속은 공개 저장소 또는 제작자 프로필에 연결됩니다. 제작자는 등록을 주장하여 소유권 신호를 업데이트할 수 있습니다.

이 스킬 소유권 주장

소유자 소유권 주장

이 스킬 등록 소유권 주장

이 커뮤니티 색인 등록은 timzaak에게 귀속되어 있지만 아직 공식으로 표시되지 않았습니다. 소유권을 주장하면 확인된 소유자 신호가 추가되어 이후 출시, 설치 및 감사 업데이트를 더 신뢰할 수 있습니다.

크리에이터 백링크 키트

README에 증거 배지 추가

개발자가 저장소를 평가하는 위치에 정규 등록, 현재 신뢰 및 감사 신호, 실제 Agent-Proven 증거를 표시합니다.

[![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 스타
68
품질 점수
46/100
최근 GitHub 푸시
2026년 8월 15일
프레임워크 힌트
1
OpenAgentSkill 조회수
2
설치 명령 복사
0
외부 클릭
0

커뮤니티 신호

이 스킬이 Agent 워크플로에 유용한지 알려 주세요. 집계된 피드백은 시간이 지날수록 순위를 개선합니다.

신뢰와 안전

샌드박스 전용

68
  • GitHub 채택도GitHub 스타 68확인
  • 스타/포크 활동스타 68, 포크 6; 현재 메타데이터에서 이슈 활동을 확인할 수 없습니다확인
  • 최근 유지보수마지막 푸시 후 8일통과
  • 라이선스 명확성Apache-2.0통과
  • README/SKILL.md 완성도메타데이터에 충분한 사용 및 워크플로 맥락이 포함되어 있습니다통과
  • 의존성/런타임 위험command execution surface, network or browser surface정보