{"slug":"vercel-web-design-guidelines","name":"Web Design Guidelines","description":"Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","tagline":"Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","category":"design-creative","tags":["agent-skill","ui-review","ux","accessibility","web-design","design-audit","interaction"],"author":{"name":"vercel-labs","verified":true,"url":"https://github.com/vercel-labs"},"attribution":{"status":"registry_indexed","statusLabel":"Registry indexed","shortLabel":"REGISTRY INDEXED","sourceLabel":"official skill path","sourceDetail":"vercel-labs/agent-skills","creatorName":"vercel-labs","creatorUrl":"https://github.com/vercel-labs","sourceUrl":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","indexedBy":"OpenAgentSkill community index","claimUrl":"https://www.openagentskill.com/skills/vercel-web-design-guidelines#claim-this-skill","claimCta":"Claim this skill","trustNote":"This listing was indexed from public sources and is not marked official until a maintainer claim is approved.","publicNote":"Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals."},"stats":{"stars":29272,"forks":2630,"downloads":0,"rating":0,"review_count":0,"quality_score":74.62},"quality":{"score":100,"tier":"excellent","label":"Excellent","summary":"High-confidence pick with strong adoption and healthy maintenance signals.","signals":[{"label":"GitHub stars","value":"29K","tone":"positive"},{"label":"Freshness","value":"Today","tone":"positive"},{"label":"Install ready","value":"Yes","tone":"positive"},{"label":"License","value":"Source terms (see source)","tone":"neutral"}],"warnings":["Use formal accessibility testing for regulated or high-compliance releases."]},"trust":{"version":"trust-score-v4","score":91,"tier":"production","label":"Production candidate","summary":"Strong OpenAgentSkill Trust Score across adoption, recent maintenance, license clarity, documentation, dependency/runtime risk, install safety, permission surface, and install availability.","recommendedAction":"Shortlist for production use, then run a normal repository and dependency review.","dimensions":[{"id":"github_adoption","label":"GitHub adoption","score":100,"weight":0.13,"status":"pass","detail":"29K GitHub stars"},{"id":"repo_activity","label":"Stars/forks activity","score":97,"weight":0.08,"status":"pass","detail":"29K stars, 2.6K forks; issue activity unavailable in current metadata"},{"id":"maintenance","label":"Recent maintenance","score":100,"weight":0.14,"status":"pass","detail":"Pushed today"},{"id":"license","label":"License clarity","score":86,"weight":0.09,"status":"pass","detail":"Source terms (see source)"},{"id":"documentation","label":"README/SKILL.md completeness","score":90,"weight":0.14,"status":"pass","detail":"Metadata includes enough usage and workflow context"},{"id":"dependency_risk","label":"Dependency/runtime risk","score":90,"weight":0.12,"status":"pass","detail":"no major dependency risk hints in public metadata"},{"id":"installability","label":"Install availability","score":92,"weight":0.1,"status":"pass","detail":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines"},{"id":"install_safety","label":"Install command safety","score":92,"weight":0.1,"status":"pass","detail":"standard package or runtime install path"},{"id":"permission_surface","label":"Permission surface","score":100,"weight":0.07,"status":"pass","detail":"no high-risk permission surface in public metadata"},{"id":"repository","label":"Repository evidence","score":86,"weight":0.04,"status":"pass","detail":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines"},{"id":"review_status","label":"Review status","score":74.62,"weight":0.05,"status":"info","detail":"AI review data available"},{"id":"agent_outcomes","label":"Agent Proven outcomes","score":54,"weight":0.13,"status":"info","detail":"No agent outcome data yet"}],"checks":[{"status":"pass","label":"GitHub adoption","detail":"29K GitHub stars"},{"status":"pass","label":"Stars/forks activity","detail":"29K stars, 2.6K forks; issue activity unavailable in current metadata"},{"status":"pass","label":"Recent maintenance","detail":"Pushed today"},{"status":"pass","label":"License clarity","detail":"Source terms (see source)"},{"status":"pass","label":"README/SKILL.md completeness","detail":"Metadata includes enough usage and workflow context"},{"status":"pass","label":"Dependency/runtime risk","detail":"no major dependency risk hints in public metadata"},{"status":"pass","label":"Install availability","detail":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines"},{"status":"pass","label":"Install command safety","detail":"standard package or runtime install path"},{"status":"pass","label":"Permission surface","detail":"no high-risk permission surface in public metadata"},{"status":"pass","label":"Repository evidence","detail":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines"},{"status":"info","label":"Review status","detail":"AI review data available"},{"status":"info","label":"Agent Proven outcomes","detail":"No agent outcome data yet"},{"status":"pass","label":"Ownership","detail":"Listing manually verified"},{"status":"info","label":"OpenAgentSkill usage","detail":"No local usage activity yet"},{"status":"info","label":"Agent outcomes","detail":"No agent outcome data yet"}],"strengths":["Manually verified listing","AI review approved","Install path is available","Repository evidence is available","Recently maintained repository","Large GitHub adoption signal","Install command has no obvious high-risk pattern"],"warnings":["Use formal accessibility testing for regulated or high-compliance releases."],"evidence":{"stars":"29K GitHub stars","repoActivity":"29K stars, 2.6K forks","lastPushed":"Pushed today","license":"Source terms (see source)","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","install":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","installSafety":"standard package or runtime install path","permissionSurface":"no high-risk permission surface in public metadata","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"installReadiness":{"ready":true,"command":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","policy":"agent_install_candidate","label":"Agent install candidate","notes":["Install path is available","Repository evidence is available","License is declared","No Agent Proven outcome evidence yet","Pushed today"]},"agentCompatibility":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"riskSummary":{"level":"low","label":"Low metadata risk","notes":["Use formal accessibility testing for regulated or high-compliance releases."]},"outcomeEvidence":{"total":0,"successes":0,"failures":0,"notRelevant":0,"successRate":null,"installAttempts":0,"riskBlocked":0,"setupRequired":0,"installSuccessRate":null,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"recentSuccessRate":null,"recentFailureRate":null,"uniqueAgents":0,"agentProvenScore":0,"agentProvenLabel":"Needs first agent run","lastOutcomeAt":null,"label":"No agent outcome data yet"},"autoInstall":{"allowed":true,"sandboxRequired":true,"policy":"agent_install_candidate","reason":"Trust Score v4 allows sandbox-first agent installation after normal workspace review."},"bestFor":["design-creative","agent-skill","ui-review","ux","accessibility","web-design"],"doNotUseFor":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface"],"knownRisks":["Use formal accessibility testing for regulated or high-compliance releases."]},"safety":{"score":81,"level":"review_before_install","label":"Review before install","safety_tier":{"tier":"reviewed","label":"Reviewed","badge":"REVIEWED","summary":"Good audit and safety signals with no high-risk permission hints in public metadata.","recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","auto_install_policy":"review","reasons":["Safe-to-try audit","81/100 agent safety score"]},"auto_install_allowed":false,"human_review_required":true,"blocked":false,"audit_risk":"safe_to_try","permission_hints":[{"id":"network","label":"Network access","reason":"Skill likely fetches remote pages, APIs, repositories, or external services.","severity":"medium"}],"policy_warnings":["Use formal accessibility testing for regulated or high-compliance releases."],"constraints_applied":{"max_risk":"medium","needs_install_command":true,"min_stars":0}},"safety_gate":{"tier":"reviewed","label":"Reviewed","badge":"REVIEWED","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","reasons":["Safe-to-try audit","81/100 agent safety score"]},"supply_profile":{"track":{"slug":"research","label":"Research and knowledge work","shortLabel":"Research","description":"Deep research, source comparison, literature review, RAG, knowledge search, and reports."},"scenario":{"label":"Research agents","description":"I need my agent to research a topic, compare sources, and produce a concise report.","useCases":[{"slug":"research-agents","title":"Research agents"},{"slug":"design-creative","title":"Design and creative"},{"slug":"coding-agents","title":"Coding agents"}]},"applicableAgents":["Claude Code","OpenAI Agents","Cursor","CLI","Codex"],"install":{"ready":true,"command":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","primaryTarget":"CLI","targetCount":4},"githubQuality":{"stars":29272,"starsLabel":"29K","forks":2630,"license":"Source terms (see source)","qualityScore":100,"trustScore":91,"auditScore":93},"maintenance":{"status":"fresh","label":"Pushed today","daysSincePush":0,"lastPushedAt":"2026-07-20T22:42:51+00:00"},"risk":{"level":"safe_to_try","label":"Safe to try","requiresReview":true,"notes":["Use formal accessibility testing for regulated or high-compliance releases."]},"coverageTags":["Research","Research agents","design-creative","agent-skill","ui-review","ux","accessibility","web-design"]},"audit":{"audit_score":93,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Use formal accessibility testing for regulated or high-compliance releases."]},"decision":{"readiness_score":100,"readiness_label":"Production-ready","headline":"Primary pick for Research agents","role":"Primary pick","primary_fit":"Research agents","best_for":["Research agents workflows","Claude Code teams","teams that value GitHub adoption signals"],"risks":["Use formal accessibility testing for regulated or high-compliance releases.","No OpenAgentSkill engagement data yet"],"next_steps":["Install it in a sandbox agent and run one Research agents task end to end.","Compare output quality, latency, and failure behavior against at least one alternative.","Promote it into production only after reviewing repository permissions, license, and maintenance signals."]},"agent_readable_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"vercel-web-design-guidelines","name":"Web Design Guidelines","description":"Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","category":"design-creative","url":"https://www.openagentskill.com/skills/vercel-web-design-guidelines","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","github_repo":"vercel-labs/agent-skills"},"suited_tasks":["Research agents workflows","Claude Code teams","teams that value GitHub adoption signals","Search sources","Extract claims","Synthesize findings","Inspect visual requirements","Generate reusable assets"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI","OpenAI Agents","CLI"],"install":{"command":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"Web Design Guidelines\" agent skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"Web Design Guidelines\" as a Claude Code skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"Web Design Guidelines\" from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices."}],"handoff_url":"https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/vercel-web-design-guidelines"},"trust":{"score":91,"label":"Production candidate","version":"trust-score-v4","install_policy":"agent_install_candidate","evidence":{"stars":"29K GitHub stars","repoActivity":"29K stars, 2.6K forks","lastPushed":"Pushed today","license":"Source terms (see source)","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","install":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","installSafety":"standard package or runtime install path","permissionSurface":"no high-risk permission surface in public metadata","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":true,"sandbox_required":true,"reason":"Trust Score v4 allows sandbox-first agent installation after normal workspace review."},"best_for":["design-creative","agent-skill","ui-review","ux","accessibility","web-design"],"known_risks":["Use formal accessibility testing for regulated or high-compliance releases."]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":93,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Use formal accessibility testing for regulated or high-compliance releases."]},"safety_gate":{"tier":"reviewed","label":"Reviewed","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow."},"quality":{"score":100,"label":"Excellent"},"supply":{"track":"Research and knowledge work","scenario":"Research agents","maintenance":"Pushed today","risk":"Safe to try"},"alternative_skills":[],"do_not_use_when":["teams that need a vendor-supported SLA","production agents without a repository review","Use formal accessibility testing for regulated or high-compliance releases.","No OpenAgentSkill engagement data yet","Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface"],"agent_contract":{"task_input":"Use Web Design Guidelines in an agent workflow","recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","install_policy":"review","minimum_review_before_use":["Trust: 91/100 Production candidate","Audit: 93/100 Safe to try","Safety: 81/100 Review before install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"vercel-web-design-guidelines (Web Design Guidelines)","install_command":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","risk_summary":"Safe to try; Reviewed; Low metadata risk","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"vercel-web-design-guidelines","task":"Use Web Design Guidelines in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/vercel-web-design-guidelines","api":"https://www.openagentskill.com/api/agent/skills/vercel-web-design-guidelines","audit":"https://www.openagentskill.com/skills/vercel-web-design-guidelines/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=vercel-web-design-guidelines&task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install","manifest":"https://www.openagentskill.com/api/registry/manifest/vercel-web-design-guidelines"}},"machine_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"vercel-web-design-guidelines","name":"Web Design Guidelines","description":"Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","category":"design-creative","url":"https://www.openagentskill.com/skills/vercel-web-design-guidelines","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","github_repo":"vercel-labs/agent-skills"},"suited_tasks":["Research agents workflows","Claude Code teams","teams that value GitHub adoption signals","Search sources","Extract claims","Synthesize findings","Inspect visual requirements","Generate reusable assets"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI","OpenAI Agents","CLI"],"install":{"command":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"Web Design Guidelines\" agent skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"Web Design Guidelines\" as a Claude Code skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"Web Design Guidelines\" from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices."}],"handoff_url":"https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/vercel-web-design-guidelines"},"trust":{"score":91,"label":"Production candidate","version":"trust-score-v4","install_policy":"agent_install_candidate","evidence":{"stars":"29K GitHub stars","repoActivity":"29K stars, 2.6K forks","lastPushed":"Pushed today","license":"Source terms (see source)","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","install":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","installSafety":"standard package or runtime install path","permissionSurface":"no high-risk permission surface in public metadata","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":true,"sandbox_required":true,"reason":"Trust Score v4 allows sandbox-first agent installation after normal workspace review."},"best_for":["design-creative","agent-skill","ui-review","ux","accessibility","web-design"],"known_risks":["Use formal accessibility testing for regulated or high-compliance releases."]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":93,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Use formal accessibility testing for regulated or high-compliance releases."]},"safety_gate":{"tier":"reviewed","label":"Reviewed","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow."},"quality":{"score":100,"label":"Excellent"},"supply":{"track":"Research and knowledge work","scenario":"Research agents","maintenance":"Pushed today","risk":"Safe to try"},"alternative_skills":[],"do_not_use_when":["teams that need a vendor-supported SLA","production agents without a repository review","Use formal accessibility testing for regulated or high-compliance releases.","No OpenAgentSkill engagement data yet","Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface"],"agent_contract":{"task_input":"Use Web Design Guidelines in an agent workflow","recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","install_policy":"review","minimum_review_before_use":["Trust: 91/100 Production candidate","Audit: 93/100 Safe to try","Safety: 81/100 Review before install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"vercel-web-design-guidelines (Web Design Guidelines)","install_command":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","risk_summary":"Safe to try; Reviewed; Low metadata risk","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"vercel-web-design-guidelines","task":"Use Web Design Guidelines in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/vercel-web-design-guidelines","api":"https://www.openagentskill.com/api/agent/skills/vercel-web-design-guidelines","audit":"https://www.openagentskill.com/skills/vercel-web-design-guidelines/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=vercel-web-design-guidelines&task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20Web%20Design%20Guidelines%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install","manifest":"https://www.openagentskill.com/api/registry/manifest/vercel-web-design-guidelines"}},"platforms":["Codex","Claude Code","Cursor","OpenAI Agents"],"use_cases":[{"slug":"research-agents","title":"Research agents","url":"https://www.openagentskill.com/use-cases/research-agents"},{"slug":"design-creative","title":"Design and creative","url":"https://www.openagentskill.com/use-cases/design-creative"},{"slug":"coding-agents","title":"Coding agents","url":"https://www.openagentskill.com/use-cases/coding-agents"},{"slug":"browser-automation","title":"Browser automation","url":"https://www.openagentskill.com/use-cases/browser-automation"}],"install":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","install_targets":[{"id":"openagentskill-cli","label":"CLI","title":"OpenAgentSkill CLI","kind":"command","value":"npx skills add vercel-labs/agent-skills --skill web-design-guidelines","description":"Use the registry command when your workflow supports the OpenAgentSkill installer.","copyLabel":"Copy command"},{"id":"codex","label":"Codex","title":"Codex install prompt","kind":"agent-prompt","value":"Install the \"Web Design Guidelines\" agent skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","description":"Give Codex a repo-aware install prompt when the skill is not available through a local CLI.","copyLabel":"Copy prompt"},{"id":"claude-code","label":"Claude Code","title":"Claude Code skill prompt","kind":"agent-prompt","value":"Add \"Web Design Guidelines\" as a Claude Code skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","description":"Use this prompt to ask Claude Code to add the skill and explain the local activation steps.","copyLabel":"Copy prompt"},{"id":"cursor","label":"Cursor","title":"Cursor rule prompt","kind":"agent-prompt","value":"Turn \"Web Design Guidelines\" from https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.","description":"Use this when installing as Cursor project rules or reusable agent instructions.","copyLabel":"Copy prompt"}],"repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines","github_repo":"vercel-labs/agent-skills","version":"1.0.0","license":"Source terms (see source)","updated_at":"2026-07-21T10:25:07.361025+00:00","canonical_key":"vercel-labs/agent-skills#skills/web-design-guidelines","recommendation_reasons":["Strong GitHub adoption: 29,272 stars","Quality score 75/100","Install handoff is available","Repository freshness signal is available"],"urls":{"web":"https://www.openagentskill.com/skills/vercel-web-design-guidelines","api":"https://www.openagentskill.com/api/agent/skills/vercel-web-design-guidelines","install_api":"https://www.openagentskill.com/api/skills/vercel-web-design-guidelines/install","audit":"https://www.openagentskill.com/skills/vercel-web-design-guidelines/audit","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines"},"meta":{"endpoint":"/api/registry/manifest/{slug}","canonical_agent_endpoint":"/api/agent/skills/vercel-web-design-guidelines","agent_friendly":true,"api_version":"1.0","generated_at":"2026-07-21T21:01:59.544Z"}}