Web Design Guidelines

강함 · 89

Registry 색인

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Verified installs0

스타30.3K

버전1.0.0

품질100/100 · 우수

신뢰89/100 · 검토 후 설치

감사94/100 · 안전하게 시도 가능

공급 자산 프로필

리서치 및 지식 작업

Deep research, source comparison, literature review, RAG, knowledge search, and reports.

트랙 보기

시나리오

리서치 Agent

I need my agent to research a topic, compare sources, and produce a concise report.

Agent 적합도

Claude Code + OpenAI Agents + Cursor

Codex, Claude Code, Cursor, CLI 또는 맞춤형 Agent에 적합합니다.

설치

준비됨

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

유지보수

최신

오늘 푸시됨

위험

안전하게 시도 가능

Use formal accessibility testing for regulated or high-compliance releases.

GitHub 품질

30K

100/100 품질 · 92/100 신뢰

커버리지 태그

리서치리서치 Agent디자인 및 크리에이티브agent-skillui-review

검토 메모

Use formal accessibility testing for regulated or high-compliance releases.

Agent 채택 스코어카드

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

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

품질

우수

100

강한 채택 및 유지보수 신호를 갖춘 신뢰도 높은 추천입니다.

신뢰

검토 후 설치

좋은 후보 신호이지만 Agent는 실행 전에 감사 메모, 설치 정책 및 결과 근거를 검토해야 합니다.

감사

안전하게 시도 가능

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

OpenAgentSkill 신뢰 점수 v5

Agent 설치 후보

사람 검토 또는 샌드박스 검증 후 우선 후보로 사용하세요.

CodexClaude CodeCursorOpenAgentSkill CLI

스타

GitHub 스타 30K

저장소 활동

스타 30K, 포크 2.7K

유지보수

오늘 푸시됨

라이선스

Source terms (see source)

설치

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

설치 안전성

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

권한 범위

공개 메타데이터에서 고위험 권한 범위를 찾지 못했습니다

Agent 결과

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

문서

README/SKILL.md 맥락이 충분합니다

위험 요약

낮은 메타데이터 위험

Use formal accessibility testing for regulated or high-compliance releases.

설치 준비 상태

설치 경로 사용 가능

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

Agent 읽기용 메타데이터

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

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

JSON 열기

적합한 작업

리서치 Agent 워크플로
Claude Code 팀
GitHub 채택 신호를 중시하는 팀
검색 소스

적합한 Agent

CodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

설치 결정

명령어: npx skills add vercel-labs/agent-skills --skill web-design-guidelines
정책: 검토
사람 검토: 예

신뢰와 위험

신뢰: 89/100
감사: 94/100
위험 수준: 안전하게 시도 가능

결과 루프

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

설치 명령어

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

공개 감사 평가 보고서 Resolve API 설치 핸드오프

사용하지 말아야 할 경우

벤더 지원 SLA가 필요한 팀
production agents without a repository review
Use formal accessibility testing for regulated or high-compliance releases.
Production credentials, payments, or irreversible account changes without explicit human review
Sensitive private data before reviewing repository code, license, and permission surface

대체 스킬

Frontend Design

170.9K 스타

npx skills add anthropics/skills --skill frontend-design

대체 스킬

Taste Skill: Anti-Slop Frontend

79.0K 스타

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

대체 스킬

Canvas Design

170.9K 스타

npx skills add anthropics/skills --skill canvas-design

대체 스킬

Anthropic Brand Guidelines

170.9K 스타

npx skills add anthropics/skills --skill brand-guidelines

Agent 안전 v2

82/100 · 설치 전 검토

검토됨검토

공개 메타데이터에 고위험 권한 힌트가 없으며 감사와 안전성 신호가 양호합니다.

감사 페이지를 검토한 뒤 샌드박스 워크플로에서 Agent 설치를 허용하세요.

API로 해결

중간

네트워크 접근

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

Use formal accessibility testing for regulated or high-compliance releases.

설치 대상

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 vercel-web-design-guidelines

Agent 해결 계획

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

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

텍스트 계획 열기

JSON 열기

/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve 텍스트

/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

설치 핸드오프

/api/skills/vercel-web-design-guidelines/install

Agent가 확인할 항목

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

프롬프트 복사

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

Agent 핸드오프

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

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

설치 API 열기

설치 핸드오프

/api/skills/vercel-web-design-guidelines/install

LLM 텍스트 형식

/api/skills/vercel-web-design-guidelines/install?format=text

대안 찾기

/api/skills/search?q=Web%20Design%20Guidelines&limit=3

Agent 프롬프트

Use Web Design Guidelines for this task. Review https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install, then install with: npx skills add vercel-labs/agent-skills --skill web-design-guidelines

Registry 메타데이터

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

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

Manifest 열기

Manifest

/api/registry/manifest/vercel-web-design-guidelines

LLM 텍스트

/api/registry/manifest/vercel-web-design-guidelines?format=text

설치 별칭

/api/registry/install/vercel-web-design-guidelines

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

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

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

Agent 결정 패널

리서치 Agent용 우선 추천

우선 후보로 사용하되, 자신의 Agent 환경에서 README와 설치 경로를 검증하세요.

100

준비 상태

채택

단계

스택 내 역할

우선 추천

주요 적합도

리서치 Agent

신뢰 라벨

프로덕션 준비 완료

설치 경로

명령어 준비됨

사용 시점

리서치 Agent 워크플로
Claude Code 팀
GitHub 채택 신호를 중시하는 팀

근거

GitHub 스타 30,307
최근 저장소 활동
설치 명령 또는 GitHub 저장소를 사용할 수 있습니다
품질 프로필 100/100
OpenAgentSkill 상호작용 246건

먼저 검토

Use formal accessibility testing for regulated or high-compliance releases.

구현 경로

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

신뢰 프로필

검토 후 설치

좋은 후보 신호이지만 Agent는 실행 전에 감사 메모, 설치 정책 및 결과 근거를 검토해야 합니다.

OpenAgentSkill 신뢰 점수

GitHub 채택도

통과

GitHub 스타 30K

스타/포크 활동

통과

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

최근 유지보수

통과

오늘 푸시됨

라이선스 명확성

통과

Source terms (see source)

긍정 신호

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

설치 전 검토

Use formal accessibility testing for regulated or high-compliance releases.
아직 실제 Agent 결과 보고서가 없습니다
무인 설치 전에 사람 검토가 필요합니다

권장 작업

사람 검토 또는 샌드박스 검증 후 우선 후보로 사용하세요.

품질 프로필

우수 Agent 워크플로용 후보

강한 채택 및 유지보수 신호를 갖춘 신뢰도 높은 추천입니다.

100

GitHub 스타

30K

최신성

오늘

설치 준비됨

예

라이선스

Source terms (see source)

설치 전 검토: Use formal accessibility testing for regulated or high-compliance releases.

워크플로 적합도

이 스킬을 사용할 시나리오

Investigate faster

Research agents

I need my agent to research a topic, compare sources, and produce a concise report.

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

워크플로 적합도

완전한 워크플로에 추가

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Find, compare, and synthesize

Research report agent

A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.

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.

대안 후보

설치 전 비교

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

모두 비교

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

개요

A source-verified Vercel skill for auditing UI code against web-interface guidelines. Use it for accessibility reviews, UX checks, design audits, and interaction-quality reviews. It evaluates implementation quality; it does not replace user research or formal accessibility certification.

플랫폼 호환성

codexFULL

claude-codeFULL

cursorFULL

기술 세부 사항

버전: 1.0.0
라이선스: Source terms (see source)
최근 업데이트: 2026년 8월 22일
게시일: 2026년 7월 21일

프레임워크 및 도구

CodexClaude CodeCursor

결정 스냅샷

우선 추천

100

준비됨

채택

단계

GitHub 스타 30,307

감사

설치 검토

설치 및 채택 검토

안전하게 시도 가능

보안: 84/100
유지보수: 100/100
설치: 92/100

전체 감사 열기 평가 보고서 보기

Agent 검증 증거

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

검증됨

Needs first agent run자동 설치: 먼저 검토최근: 알 수 없음

성공률: —
최근 실패: —
결과: 0
출력 품질: —
실패: 0
관련 없음: 0
설치: 0
위험 차단: 0
설정 필요: 0
프로덕션: 0

아직 Agent 결과 데이터가 없습니다. 첫 실행은 /api/agent/outcome을 통해 성공, 설정 필요, 위험 차단, 실패 또는 비관련 결과를 보고할 수 있습니다.

Agent 검증 순위 결과 계약

설치

Agent 워크플로에 추가

무료 오픈 소스. 프로덕션 Agent에 설치하기 전에 보고서를 검토하세요.

대안 비교 자동 해결 계획 GitHub에서 보기 문서

성장 루프

공유 키트

Web Design Guidelines용 시나리오 기반 초안입니다. X에 수동으로 게시할 수 있습니다.

큐레이터 노트

Web Design Guidelines: Review UI code for web interface guidelines, UX quality, accessibility, and interaction desig...

30.3K stars

https://www.openagentskill.com/skills/vercel-web-design-guidelines?ref=x

X 초안 열기

선택 사항: 설치 명령이 포함된 답글

Listing + install path for Web Design Guidelines:
https://www.openagentskill.com/skills/vercel-web-design-guidelines?ref=x

Install: npx skills add vercel-labs/agent-skills --skill web-design-guidelines

답글 초안 열기

등록 출처

Registry 색인

소유권 주장 가능

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

제작자: vercel-labs
출처: vercel-labs/agent-skills
색인 주체: OpenAgentSkill 커뮤니티 인덱스

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

이 스킬 소유권 주장

소유자 소유권 주장

이 스킬 등록 소유권 주장

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

크리에이터 백링크 키트

README에 증거 배지 추가

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

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

배지 미리보기 감사 열기 크리에이터 키트

작성자

vercel-labs✓

@vercel-labs

플랫폼 적합도

Claude Code OpenAI Agents Cursor

상태 신호

GitHub 스타: 30.3K
품질 점수: 75/100
최근 GitHub 푸시: 2026년 8월 21일
프레임워크 힌트: 3
OpenAgentSkill 조회수: 62
설치 명령 복사: 11
외부 클릭: 3

커뮤니티 신호

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

신뢰와 안전

검토 후 설치

GitHub 채택도GitHub 스타 30K통과
스타/포크 활동스타 30K, 포크 2.7K; 현재 메타데이터에서 이슈 활동을 확인할 수 없습니다통과
최근 유지보수오늘 푸시됨통과
라이선스 명확성Source terms (see source)통과
README/SKILL.md 완성도메타데이터에 충분한 사용 및 워크플로 맥락이 포함되어 있습니다통과
의존성/런타임 위험공개 메타데이터에 주요 의존성 위험 힌트가 없습니다통과

Web Design Guidelines

강함 · 89

Registry 색인

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Verified installs0

스타30.3K

버전1.0.0

품질100/100 · 우수

신뢰89/100 · 검토 후 설치

감사94/100 · 안전하게 시도 가능

공급 자산 프로필

리서치 및 지식 작업

Deep research, source comparison, literature review, RAG, knowledge search, and reports.

트랙 보기

시나리오

리서치 Agent

I need my agent to research a topic, compare sources, and produce a concise report.

Agent 적합도

Claude Code + OpenAI Agents + Cursor

Codex, Claude Code, Cursor, CLI 또는 맞춤형 Agent에 적합합니다.

설치

준비됨

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

유지보수

최신

오늘 푸시됨

위험

안전하게 시도 가능

Use formal accessibility testing for regulated or high-compliance releases.

GitHub 품질

30K

100/100 품질 · 92/100 신뢰

커버리지 태그

리서치리서치 Agent디자인 및 크리에이티브agent-skillui-review

검토 메모

Use formal accessibility testing for regulated or high-compliance releases.

Agent 채택 스코어카드

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

품질

우수

100

강한 채택 및 유지보수 신호를 갖춘 신뢰도 높은 추천입니다.

신뢰

검토 후 설치

좋은 후보 신호이지만 Agent는 실행 전에 감사 메모, 설치 정책 및 결과 근거를 검토해야 합니다.

감사

안전하게 시도 가능

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

OpenAgentSkill 신뢰 점수 v5

Agent 설치 후보

사람 검토 또는 샌드박스 검증 후 우선 후보로 사용하세요.

CodexClaude CodeCursorOpenAgentSkill CLI

스타

GitHub 스타 30K

저장소 활동

스타 30K, 포크 2.7K

유지보수

오늘 푸시됨

라이선스

Source terms (see source)

설치

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

설치 안전성

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

권한 범위

공개 메타데이터에서 고위험 권한 범위를 찾지 못했습니다

Agent 결과

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

문서

README/SKILL.md 맥락이 충분합니다

위험 요약

낮은 메타데이터 위험

Use formal accessibility testing for regulated or high-compliance releases.

설치 준비 상태

설치 경로 사용 가능

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

Agent 읽기용 메타데이터

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

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

JSON 열기

적합한 작업

리서치 Agent 워크플로
Claude Code 팀
GitHub 채택 신호를 중시하는 팀
검색 소스

적합한 Agent

CodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

설치 결정

명령어: npx skills add vercel-labs/agent-skills --skill web-design-guidelines
정책: 검토
사람 검토: 예

신뢰와 위험

신뢰: 89/100
감사: 94/100
위험 수준: 안전하게 시도 가능

결과 루프

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

설치 명령어

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

공개 감사 평가 보고서 Resolve API 설치 핸드오프

사용하지 말아야 할 경우

벤더 지원 SLA가 필요한 팀
production agents without a repository review
Use formal accessibility testing for regulated or high-compliance releases.
Production credentials, payments, or irreversible account changes without explicit human review
Sensitive private data before reviewing repository code, license, and permission surface

대체 스킬

Frontend Design

170.9K 스타

npx skills add anthropics/skills --skill frontend-design

대체 스킬

Taste Skill: Anti-Slop Frontend

79.0K 스타

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

대체 스킬

Canvas Design

170.9K 스타

npx skills add anthropics/skills --skill canvas-design

대체 스킬

Anthropic Brand Guidelines

170.9K 스타

npx skills add anthropics/skills --skill brand-guidelines

Agent 안전 v2

82/100 · 설치 전 검토

검토됨검토

공개 메타데이터에 고위험 권한 힌트가 없으며 감사와 안전성 신호가 양호합니다.

감사 페이지를 검토한 뒤 샌드박스 워크플로에서 Agent 설치를 허용하세요.

API로 해결

중간

네트워크 접근

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

Use formal accessibility testing for regulated or high-compliance releases.

설치 대상

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 vercel-web-design-guidelines

Agent 해결 계획

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

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

텍스트 계획 열기

JSON 열기

/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve 텍스트

/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

설치 핸드오프

/api/skills/vercel-web-design-guidelines/install

Agent가 확인할 항목

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

프롬프트 복사

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

Agent 핸드오프

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

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

설치 API 열기

설치 핸드오프

/api/skills/vercel-web-design-guidelines/install

LLM 텍스트 형식

/api/skills/vercel-web-design-guidelines/install?format=text

대안 찾기

/api/skills/search?q=Web%20Design%20Guidelines&limit=3

Agent 프롬프트

Use Web Design Guidelines for this task. Review https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install, then install with: npx skills add vercel-labs/agent-skills --skill web-design-guidelines

Registry 메타데이터

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

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

Manifest 열기

Manifest

/api/registry/manifest/vercel-web-design-guidelines

LLM 텍스트

/api/registry/manifest/vercel-web-design-guidelines?format=text

설치 별칭

/api/registry/install/vercel-web-design-guidelines

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

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

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

Agent 결정 패널

리서치 Agent용 우선 추천

우선 후보로 사용하되, 자신의 Agent 환경에서 README와 설치 경로를 검증하세요.

100

준비 상태

채택

단계

스택 내 역할

우선 추천

주요 적합도

리서치 Agent

신뢰 라벨

프로덕션 준비 완료

설치 경로

명령어 준비됨

사용 시점

리서치 Agent 워크플로
Claude Code 팀
GitHub 채택 신호를 중시하는 팀

근거

GitHub 스타 30,307
최근 저장소 활동
설치 명령 또는 GitHub 저장소를 사용할 수 있습니다
품질 프로필 100/100
OpenAgentSkill 상호작용 246건

먼저 검토

Use formal accessibility testing for regulated or high-compliance releases.

구현 경로

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

신뢰 프로필

검토 후 설치

좋은 후보 신호이지만 Agent는 실행 전에 감사 메모, 설치 정책 및 결과 근거를 검토해야 합니다.

OpenAgentSkill 신뢰 점수

GitHub 채택도

통과

GitHub 스타 30K

스타/포크 활동

통과

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

최근 유지보수

통과

오늘 푸시됨

라이선스 명확성

통과

Source terms (see source)

긍정 신호

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

설치 전 검토

Use formal accessibility testing for regulated or high-compliance releases.
아직 실제 Agent 결과 보고서가 없습니다
무인 설치 전에 사람 검토가 필요합니다

권장 작업

사람 검토 또는 샌드박스 검증 후 우선 후보로 사용하세요.

품질 프로필

우수 Agent 워크플로용 후보

강한 채택 및 유지보수 신호를 갖춘 신뢰도 높은 추천입니다.

100

GitHub 스타

30K

최신성

오늘

설치 준비됨

예

라이선스

Source terms (see source)

설치 전 검토: Use formal accessibility testing for regulated or high-compliance releases.

워크플로 적합도

이 스킬을 사용할 시나리오

Investigate faster

Research agents

I need my agent to research a topic, compare sources, and produce a concise report.

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

워크플로 적합도

완전한 워크플로에 추가

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Find, compare, and synthesize

Research report agent

A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.

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.

대안 후보

설치 전 비교

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

모두 비교

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

개요

플랫폼 호환성

codexFULL

claude-codeFULL

cursorFULL

기술 세부 사항

버전: 1.0.0
라이선스: Source terms (see source)
최근 업데이트: 2026년 8월 22일
게시일: 2026년 7월 21일

프레임워크 및 도구

CodexClaude CodeCursor

결정 스냅샷

우선 추천

100

준비됨

채택

단계

GitHub 스타 30,307

감사

설치 검토

설치 및 채택 검토

안전하게 시도 가능

보안: 84/100
유지보수: 100/100
설치: 92/100

전체 감사 열기 평가 보고서 보기

Agent 검증 증거

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

검증됨

Needs first agent run자동 설치: 먼저 검토최근: 알 수 없음

성공률: —
최근 실패: —
결과: 0
출력 품질: —
실패: 0
관련 없음: 0
설치: 0
위험 차단: 0
설정 필요: 0
프로덕션: 0

아직 Agent 결과 데이터가 없습니다. 첫 실행은 /api/agent/outcome을 통해 성공, 설정 필요, 위험 차단, 실패 또는 비관련 결과를 보고할 수 있습니다.

Agent 검증 순위 결과 계약

설치

Agent 워크플로에 추가

무료 오픈 소스. 프로덕션 Agent에 설치하기 전에 보고서를 검토하세요.

대안 비교 자동 해결 계획 GitHub에서 보기 문서

성장 루프

공유 키트

Web Design Guidelines용 시나리오 기반 초안입니다. X에 수동으로 게시할 수 있습니다.

큐레이터 노트

Web Design Guidelines: Review UI code for web interface guidelines, UX quality, accessibility, and interaction desig...

30.3K stars

https://www.openagentskill.com/skills/vercel-web-design-guidelines?ref=x

X 초안 열기

선택 사항: 설치 명령이 포함된 답글

Listing + install path for Web Design Guidelines:
https://www.openagentskill.com/skills/vercel-web-design-guidelines?ref=x

Install: npx skills add vercel-labs/agent-skills --skill web-design-guidelines

답글 초안 열기

등록 출처

Registry 색인

소유권 주장 가능

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

제작자: vercel-labs
출처: vercel-labs/agent-skills
색인 주체: OpenAgentSkill 커뮤니티 인덱스

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

이 스킬 소유권 주장

소유자 소유권 주장

이 스킬 등록 소유권 주장

크리에이터 백링크 키트

README에 증거 배지 추가

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

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

배지 미리보기 감사 열기 크리에이터 키트

작성자

vercel-labs✓

@vercel-labs

플랫폼 적합도

Claude Code OpenAI Agents Cursor

상태 신호

GitHub 스타: 30.3K
품질 점수: 75/100
최근 GitHub 푸시: 2026년 8월 21일
프레임워크 힌트: 3
OpenAgentSkill 조회수: 62
설치 명령 복사: 11
외부 클릭: 3

커뮤니티 신호

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

신뢰와 안전

검토 후 설치

GitHub 채택도GitHub 스타 30K통과
스타/포크 활동스타 30K, 포크 2.7K; 현재 메타데이터에서 이슈 활동을 확인할 수 없습니다통과
최근 유지보수오늘 푸시됨통과
라이선스 명확성Source terms (see source)통과
README/SKILL.md 완성도메타데이터에 충분한 사용 및 워크플로 맥락이 포함되어 있습니다통과
의존성/런타임 위험공개 메타데이터에 주요 의존성 위험 힌트가 없습니다통과

Web Design Guidelines

리서치 및 지식 작업

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

Agent 설치 후보

낮은 메타데이터 위험

설치 경로 사용 가능

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

Frontend Design

Taste Skill: Anti-Slop Frontend

Canvas Design

Anthropic Brand Guidelines

82/100 · 설치 전 검토

네트워크 접근

Agent 워크플로에 이 스킬 설치

OpenAgentSkill CLI

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

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

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

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

리서치 Agent용 우선 추천

검토 후 설치

우수 Agent 워크플로용 후보

이 스킬을 사용할 시나리오

Research agents

Design and creative

Coding agents

완전한 워크플로에 추가

Frontend and UI

Research report agent

Coding review agent

설치 전 비교

Frontend Design

Taste Skill: Anti-Slop Frontend

Canvas Design

Anthropic Brand Guidelines

개요

플랫폼 호환성

기술 세부 사항

우선 추천

설치 검토

Agent 검증 증거

Agent 워크플로에 추가

공유 키트

Registry 색인

이 스킬 등록 소유권 주장

README에 증거 배지 추가

작성자

태그

플랫폼 적합도

상태 신호

커뮤니티 신호

신뢰와 안전

관련 스킬

Web Design Guidelines

리서치 및 지식 작업

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

Agent 설치 후보

낮은 메타데이터 위험

설치 경로 사용 가능

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

Frontend Design

Taste Skill: Anti-Slop Frontend

Canvas Design

Anthropic Brand Guidelines

82/100 · 설치 전 검토

네트워크 접근

Agent 워크플로에 이 스킬 설치

OpenAgentSkill CLI

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

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

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

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

리서치 Agent용 우선 추천

검토 후 설치

우수 Agent 워크플로용 후보

이 스킬을 사용할 시나리오

Research agents

Design and creative

Coding agents

완전한 워크플로에 추가