web to design md

검토 · 63
Agent 제출

Convert any official website to design.md document

Verified installs0
스타236
버전1.0.0
품질72/100 · 강함
신뢰63/100 · 샌드박스 전용
감사78/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 Paidax01/web-to-design-md

유지보수

최신

마지막 푸시 후 3일

위험

검토 필요

라이선스가 명확하지 않습니다

GitHub 품질

236

72/100 품질 · 71/100 신뢰

커버리지 태그

코딩GitHub automation디자인 및 크리에이티브design-system웹 스크래핑

검토 메모

라이선스가 명확하지 않습니다 · Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

Agent 채택 스코어카드

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

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

품질

강함
72

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

신뢰

샌드박스 전용
63

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

감사

검토 필요
78

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

OpenAgentSkill 신뢰 점수 v5

설치 전 사람 검토

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

CodexClaude CodeCursorOpenAgentSkill CLI

스타

GitHub 스타 236

저장소 활동

스타 236, 포크 26

유지보수

마지막 푸시 후 3일

라이선스

알 수 없음

설치

npx skills add Paidax01/web-to-design-md

설치 안전성

표준 패키지 또는 런타임 설치 경로

권한 범위

filesystem or document access, network or browser access

Agent 결과

아직 Agent 결과 데이터가 없습니다

문서

Usable metadata, review docs

위험 요약

프로덕션 전 검토

  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
  • 라이선스가 명확하지 않습니다
  • Quality score needs review
  • Stars/forks activity: 236 stars, 26 forks; issue activity unavailable in current metadata

설치 준비 상태

설치 경로 사용 가능

  • 설치 경로를 사용할 수 있습니다
  • 저장소 근거를 사용할 수 있습니다
  • 라이선스가 명확하지 않습니다
  • 아직 Agent 검증 결과 근거가 없습니다

Agent 읽기용 메타데이터

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

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

JSON 열기

적합한 작업

  • GitHub automation 워크플로
  • Claude Code 팀
  • builders willing to evaluate younger projects
  • Inspect repository metadata

적합한 Agent

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

설치 결정

명령어
npx skills add Paidax01/web-to-design-md
정책
검토
사람 검토

신뢰와 위험

신뢰
63/100
감사
78/100
위험 수준
검토 필요

결과 루프

엔드포인트
/api/agent/outcome
이벤트 ID
resolve
결과
5

설치 명령어

npx skills add Paidax01/web-to-design-md

사용하지 말아야 할 경우

  • 벤더 지원 SLA가 필요한 팀
  • production agents without a repository review
  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
  • 라이선스가 명확하지 않습니다
  • Quality score needs review

Agent 안전 v2

58/100 · 설치 전 검토

권한 메모와 함께 검토됨검토

사용 가능한 후보이지만 Agent는 설치 전에 권한과 감사 메모를 표시해야 합니다.

실제 작업 공간에 설치하기 전에 사람의 승인이 필요합니다.

API로 해결

중간

Browser automation

Skill may drive a browser or interact with web pages.

중간

네트워크 접근

Skill은 원격 페이지, API, 저장소 또는 외부 서비스에 접근할 수 있습니다.

중간

파일 시스템 접근

Skill은 프로젝트 파일, 문서, 생성 산출물 또는 로컬 작업 공간 상태를 읽거나 쓸 수 있습니다.

  • 라이선스가 명확하지 않습니다

설치 대상

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 paidax01-web-to-design-md

Agent 해결 계획

설치 전에 Agent가 적합성을 검증하게 하세요.

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

텍스트 계획 열기

Agent가 확인할 항목

  • Resolve API에서 작업 적합도와 대안을 확인합니다.
  • 감사 점수, 신뢰 점수 및 안전 정책 경고를 확인합니다.
  • Codex, Claude Code, Cursor 또는 CLI의 설치 대상 호환성을 확인합니다.

프롬프트 복사

Task: Use web to design md in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20web%20to%20design%20md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/paidax01-web-to-design-md/install
Install command: npx skills add Paidax01/web-to-design-md
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent 핸드오프

또 다른 디렉터리 페이지 대신 설치 경로를 Agent에게 제공합니다.

공개 설치 엔드포인트에서 명령어, 안전 체크리스트, 대상 프롬프트와 정규 링크를 가져옵니다.

설치 API 열기

Agent 프롬프트

Use web to design md for this task. Review https://www.openagentskill.com/api/skills/paidax01-web-to-design-md/install, then install with: npx skills add Paidax01/web-to-design-md

Registry 메타데이터

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

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

Manifest 열기

Agent 적합도

76/100

GitHub automation

플랫폼

Claude Code, Browser agents

감사 보고서

검토 필요 · 78/100

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

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

Agent 결정 패널

Companion skill for GitHub automation

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

76
준비 상태
후보군
단계

스택 내 역할

보조 스킬

주요 적합도

GitHub automation

신뢰 라벨

강력한 후보

설치 경로

명령어 준비됨

사용 시점

  • GitHub automation 워크플로
  • Claude Code 팀
  • builders willing to evaluate younger projects

근거

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

먼저 검토

  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

구현 경로

  1. 1샌드박스 Agent에 설치하고 GitHub automation 작업을 처음부터 끝까지 한 번 실행하세요.
  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.

신뢰 프로필

샌드박스 전용

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

63
OpenAgentSkill 신뢰 점수

GitHub 채택도

정보

GitHub 스타 236

스타/포크 활동

확인

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

최근 유지보수

통과

마지막 푸시 후 3일

라이선스 명확성

확인

알 수 없음

긍정 신호

  • AI 검토 승인됨
  • 설치 경로를 사용할 수 있습니다
  • 저장소 근거를 사용할 수 있습니다
  • 최근 유지보수된 저장소
  • 설치 명령에서 뚜렷한 고위험 패턴이 발견되지 않았습니다
  • 결과 루프는 준비되었지만 첫 실제 Agent 실행이 필요합니다

설치 전 검토

  • Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.
  • 라이선스가 명확하지 않습니다
  • Quality score needs review
  • Stars/forks activity: 236 stars, 26 forks; issue activity unavailable in current metadata
  • License clarity: Unknown
  • 아직 실제 Agent 결과 보고서가 없습니다
  • 무인 설치 전에 사람 검토가 필요합니다

권장 작업

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

품질 프로필

강함 Agent 워크플로용 후보

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

72
GitHub 스타
236
최신성
3일 전
설치 준비됨
라이선스
알 수 없음
설치 전 검토: Manual curator approval: useful design extraction workflow. License clarity is unknown; review output and website terms before reuse.

워크플로 적합도

이 스킬을 사용할 시나리오

워크플로 적합도

완전한 워크플로에 추가

대안 후보

설치 전 비교

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

모두 비교

개요

# web-to-design-md

Generate a reusable `design.md` / `DESIGN.md` from a live website, plus an HTML preview for reviewing the extracted design system.

This repository is packaged as an installable AI skill. Give the GitHub URL to a supported skill installer, or copy this folder into your local skills directory.

## What It Does

- Reads a live website with `agent-browser`. - Uses `agent-browser eval` to extract DOM structure, computed styles, CSS variables, stylesheet rules, visible text, and interaction states. - Produces a detailed Stitch-style `DESIGN.md`. - Produces a sibling HTML preview using the same design tokens documented in the markdown. - Captures light and dark theme modes when a site supports theme switching. - Avoids screenshot-first extraction. Screenshots are only a last-resort verification aid when explicitly requested or when DOM evidence is ambiguous.

## Install From GitHub

After publishing this repository, users can install it from the GitHub URL with a skill in

기술 세부 사항

버전
1.0.0
라이선스
Unknown
최근 업데이트
2026년 8월 18일
게시일
2026년 6월 22일

결정 스냅샷

보조 스킬

76
준비됨
후보군
단계

최근 저장소 활동

감사

설치 검토

설치 및 채택 검토

78
검토 필요
보안
73/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 to design md용 시나리오 기반 초안입니다. X에 수동으로 게시할 수 있습니다.

큐레이터 노트
For design or creative work, this is a skill worth shortlisting before another blank prompt.

web to design md: Convert any official website to design.md document

236 stars

https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x
X 초안 열기
선택 사항: 설치 명령이 포함된 답글
Listing + install path for web to design md:
https://www.openagentskill.com/skills/paidax01-web-to-design-md?ref=x

Install: npx skills add Paidax01/web-to-design-md

등록 출처

Agent 제출

소유권 주장 가능

이 등록은 공개 소스에서 색인되었으며 유지보수자 소유권 주장이 승인될 때까지 공식으로 표시되지 않습니다.

제작자
Paidax01
색인 주체
OpenAgentSkill 커뮤니티 인덱스

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

이 스킬 소유권 주장

소유자 소유권 주장

이 스킬 등록 소유권 주장

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

크리에이터 백링크 키트

README에 증거 배지 추가

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

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

작성자

P

Paidax01

@paidax01

플랫폼 적합도

상태 신호

GitHub 스타
236
품질 점수
46/100
최근 GitHub 푸시
알 수 없음
프레임워크 힌트
알 수 없음
OpenAgentSkill 조회수
27
설치 명령 복사
0
외부 클릭
0

커뮤니티 신호

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

신뢰와 안전

샌드박스 전용

63
  • GitHub 채택도GitHub 스타 236정보
  • 스타/포크 활동스타 236, 포크 26; 현재 메타데이터에서 이슈 활동을 확인할 수 없습니다확인
  • 최근 유지보수마지막 푸시 후 3일통과
  • 라이선스 명확성알 수 없음확인
  • README/SKILL.md 완성도공개 메타데이터에 더 충실한 README/SKILL.md 맥락이 필요합니다정보
  • 의존성/런타임 위험network or browser surface통과