{"eval":{"version":"openagentskill-skill-eval-v1","slug":"vercel-react-best-practices","name":"Vercel React Best Practices","generated_at":"2026-09-05T07:59:03.593Z","task_input":"Evaluate Vercel React Best Practices before installing it in an AI agent workflow","status":"review","score":88,"risk_level":"medium","decision":{"recommendation":"manual_review","reason":"Require human approval before installing into a real workspace.","auto_install_allowed":false,"policy":"review","human_review_required":true},"task_fit":{"score":94,"suited_tasks":["Browser automation workflows","Claude Code teams","teams that value GitHub adoption signals","Navigate pages","Click and type safely","Check visual and DOM state","Inspect repository metadata","Compare code changes"],"suited_agents":["Codex","Claude Code","Cursor","React","Next.js","OpenAgentSkill CLI","OpenAI Agents","Browser agents"]},"install":{"command":"npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices","ready":true,"policy":"review","safety_label":"Review before install","targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.3.0/openagentskill-0.3.0.tgz add vercel-react-best-practices"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"Vercel React Best Practices\" agent skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices. 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: React and Next.js performance guidance for writing, reviewing, and refactoring production UI code. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"vercel-react-best-practices\",\"task\":\"Install Vercel React Best Practices\",\"agent\":\"codex\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"Vercel React Best Practices\" as a Claude Code skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices. 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: React and Next.js performance guidance for writing, reviewing, and refactoring production UI code. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"vercel-react-best-practices\",\"task\":\"Install Vercel React Best Practices\",\"agent\":\"claude-code\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"Vercel React Best Practices\" from https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices 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: React and Next.js performance guidance for writing, reviewing, and refactoring production UI code. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"vercel-react-best-practices\",\"task\":\"Install Vercel React Best Practices\",\"agent\":\"cursor\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."}]},"trust":{"score":93,"label":"Production candidate","version":"trust-score-v4","evidence":{"stars":"31K GitHub stars","repoActivity":"31K stars, 2.7K forks","lastPushed":"7d since push","license":"MIT","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices","install":"npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices","installSafety":"standard package or runtime install path","permissionSurface":"filesystem or document access, network or browser access","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"}},"audit":{"score":95,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Permission surface may require sandboxing","Permission surface needs review: filesystem or document access, network or browser access","Permission surface: filesystem or document access, network or browser access"]},"safety_gate":{"score":59,"tier":"reviewed","label":"Reviewed with permission notes","auto_install_policy":"review","blocked":false,"permission_hints":[{"id":"browser","label":"Browser automation","reason":"Skill may drive a browser or interact with web pages.","severity":"medium"},{"id":"network","label":"Network access","reason":"Skill likely fetches remote pages, APIs, repositories, or external services.","severity":"medium"},{"id":"filesystem","label":"Filesystem access","reason":"Skill may read or write project files, documents, generated artifacts, or local workspace state.","severity":"medium"},{"id":"secrets","label":"Secrets or environment access","reason":"Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.","severity":"high"},{"id":"database","label":"Database access","reason":"Skill may inspect schemas, query databases, or work with persistent stores.","severity":"medium"}],"policy_warnings":["High-risk permission hints: Secrets or environment access","Permission surface may require sandboxing"]},"checks":[{"id":"task_fit","label":"Task fit","status":"pass","score":94,"required_for_auto_install":true,"detail":"Task wording matches this skill metadata.","evidence":["Evaluate Vercel React Best Practices before installing it in an AI agent workflow","coding-agents","Browser automation workflows; Claude Code teams; teams that value GitHub adoption signals"]},{"id":"install_path","label":"Install path","status":"pass","score":92,"required_for_auto_install":true,"detail":"Install handoff is available.","evidence":["npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices"]},{"id":"install_safety","label":"Install command safety","status":"pass","score":92,"required_for_auto_install":true,"detail":"standard package or runtime install path","evidence":["npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices"]},{"id":"trust_score","label":"Trust score","status":"pass","score":93,"required_for_auto_install":true,"detail":"Strong OpenAgentSkill Trust Score across adoption, recent maintenance, license clarity, documentation, dependency/runtime risk, install safety, permission surface, and install availability.","evidence":["Production candidate","31K GitHub stars","MIT"]},{"id":"audit_score","label":"Audit score","status":"pass","score":95,"required_for_auto_install":true,"detail":"Safe to try","evidence":["Permission surface may require sandboxing"]},{"id":"agent_safety_gate","label":"Agent safety gate","status":"warn","score":59,"required_for_auto_install":true,"detail":"Usable candidate, but the agent should surface permission and audit notes before installation.","evidence":["Require human approval before installing into a real workspace.","High-risk permission hints: Secrets or environment access"]},{"id":"readme_skillmd_completeness","label":"README/SKILL.md completeness","status":"pass","score":100,"required_for_auto_install":false,"detail":"Metadata includes enough usage and workflow context","evidence":["Strong README/SKILL.md context"]},{"id":"license_clarity","label":"License clarity","status":"pass","score":86,"required_for_auto_install":true,"detail":"MIT","evidence":["MIT"]},{"id":"recent_maintenance","label":"Recent maintenance","status":"pass","score":100,"required_for_auto_install":false,"detail":"7d since push","evidence":["7d since push"]},{"id":"permission_surface","label":"Permission surface","status":"warn","score":60,"required_for_auto_install":true,"detail":"filesystem or document access, network or browser access","evidence":["Browser automation: medium","Network access: medium","Filesystem access: medium"]},{"id":"alternatives","label":"Alternatives available","status":"pass","score":82,"required_for_auto_install":false,"detail":"Alternative skills are available for comparison.","evidence":["mattpocock-code-review","appsmithorg-appsmith","mattpocock-implement","openai-codex"]}],"blockers":[],"warnings":["Agent safety gate: Usable candidate, but the agent should surface permission and audit notes before installation.","Permission surface: filesystem or document access, network or browser access","High-risk permission hints: Secrets or environment access","Permission surface may require sandboxing","Permission surface needs review: filesystem or document access, network or browser access"],"validation_plan":["Inspect repository, README/SKILL.md, license, and recent commits before production use.","Install in an isolated workspace or sandbox with no production secrets available.","Run the smallest representative task and record files touched, commands run, network access, and outputs.","Compare the selected skill against at least one alternative when the eval status is review or failed.","Promote only after the agent reports a successful verification result and unresolved warnings are accepted."],"do_not_use_when":["teams that need a vendor-supported SLA","high-compliance environments without internal security review","No major risk signals from current metadata","High-risk permission hints: Secrets or environment access","Permission surface may require sandboxing","Permission surface needs review: filesystem or document access, network or browser access","Permission surface: filesystem or document access, network or browser access","Production credentials, payments, or irreversible account changes without explicit human review"],"alternatives":[{"slug":"mattpocock-code-review","name":"Code Review","url":"https://www.openagentskill.com/skills/mattpocock-code-review","stars":168580,"install_command":"npx skills add mattpocock/skills --skill code-review","trust_score":92,"audit_score":93},{"slug":"appsmithorg-appsmith","name":"Appsmith","url":"https://www.openagentskill.com/skills/appsmithorg-appsmith","stars":40812,"install_command":"npx skills add appsmithorg/appsmith","trust_score":92,"audit_score":94},{"slug":"mattpocock-implement","name":"Implement","url":"https://www.openagentskill.com/skills/mattpocock-implement","stars":175741,"install_command":"npx skills add mattpocock/skills --skill implement","trust_score":89,"audit_score":91},{"slug":"openai-codex","name":"Codex","url":"https://www.openagentskill.com/skills/openai-codex","stars":91367,"install_command":"npx skills add openai/codex","trust_score":87,"audit_score":90}],"machine_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"vercel-react-best-practices","name":"Vercel React Best Practices","description":"React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.","category":"coding-agents","url":"https://www.openagentskill.com/skills/vercel-react-best-practices","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices","github_repo":"vercel-labs/agent-skills"},"suited_tasks":["Browser automation workflows","Claude Code teams","teams that value GitHub adoption signals","Navigate pages","Click and type safely","Check visual and DOM state","Inspect repository metadata","Compare code changes"],"suited_agents":["Codex","Claude Code","Cursor","React","Next.js","OpenAgentSkill CLI","OpenAI Agents","Browser agents"],"install":{"command":"npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.3.0/openagentskill-0.3.0.tgz add vercel-react-best-practices"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"Vercel React Best Practices\" agent skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices. 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: React and Next.js performance guidance for writing, reviewing, and refactoring production UI code. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"vercel-react-best-practices\",\"task\":\"Install Vercel React Best Practices\",\"agent\":\"codex\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"Vercel React Best Practices\" as a Claude Code skill from https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices. 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: React and Next.js performance guidance for writing, reviewing, and refactoring production UI code. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"vercel-react-best-practices\",\"task\":\"Install Vercel React Best Practices\",\"agent\":\"claude-code\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"Vercel React Best Practices\" from https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices 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: React and Next.js performance guidance for writing, reviewing, and refactoring production UI code. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {\"event_id\":\"install_<unique-id>\",\"skill_slug\":\"vercel-react-best-practices\",\"task\":\"Install Vercel React Best Practices\",\"agent\":\"cursor\",\"outcome\":\"success\",\"install_used\":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes."}],"handoff_url":"https://www.openagentskill.com/api/skills/vercel-react-best-practices/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/vercel-react-best-practices"},"trust":{"score":93,"label":"Production candidate","version":"trust-score-v4","install_policy":"agent_install_candidate","evidence":{"stars":"31K GitHub stars","repoActivity":"31K stars, 2.7K forks","lastPushed":"7d since push","license":"MIT","repository":"https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices","install":"npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices","installSafety":"standard package or runtime install path","permissionSurface":"filesystem or document access, network or browser access","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":["coding-agents","agent-skill","react","nextjs","performance","frontend"],"known_risks":["Permission surface needs review: filesystem or document access, network or browser access","Permission surface: filesystem or document access, network or browser access"]},"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":95,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Permission surface may require sandboxing","Permission surface needs review: filesystem or document access, network or browser access","Permission surface: filesystem or document access, network or browser access"]},"safety_gate":{"tier":"reviewed","label":"Reviewed with permission notes","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Require human approval before installing into a real workspace."},"quality":{"score":100,"label":"Excellent"},"supply":{"track":"Coding and developer agents","scenario":"GitHub automation","maintenance":"7d since push","risk":"Safe to try"},"alternative_skills":[{"slug":"mattpocock-code-review","name":"Code Review","url":"https://www.openagentskill.com/skills/mattpocock-code-review","stars":168580,"install_command":"npx skills add mattpocock/skills --skill code-review","trust_score":92,"audit_score":93},{"slug":"appsmithorg-appsmith","name":"Appsmith","url":"https://www.openagentskill.com/skills/appsmithorg-appsmith","stars":40812,"install_command":"npx skills add appsmithorg/appsmith","trust_score":92,"audit_score":94},{"slug":"mattpocock-implement","name":"Implement","url":"https://www.openagentskill.com/skills/mattpocock-implement","stars":175741,"install_command":"npx skills add mattpocock/skills --skill implement","trust_score":89,"audit_score":91},{"slug":"openai-codex","name":"Codex","url":"https://www.openagentskill.com/skills/openai-codex","stars":91367,"install_command":"npx skills add openai/codex","trust_score":87,"audit_score":90}],"do_not_use_when":["teams that need a vendor-supported SLA","high-compliance environments without internal security review","No major risk signals from current metadata","High-risk permission hints: Secrets or environment access","Permission surface may require sandboxing","Permission surface needs review: filesystem or document access, network or browser access","Permission surface: filesystem or document access, network or browser access","Production credentials, payments, or irreversible account changes without explicit human review"],"agent_contract":{"task_input":"Evaluate Vercel React Best Practices before installing it in an AI agent workflow","recommended_action":"Require human approval before installing into a real workspace.","install_policy":"review","minimum_review_before_use":["Trust: 93/100 Production candidate","Audit: 95/100 Safe to try","Safety: 59/100 Review before install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"vercel-react-best-practices (Vercel React Best Practices)","install_command":"npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices","risk_summary":"Safe to try; Reviewed with permission notes; Review before production","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-react-best-practices","task":"Evaluate Vercel React Best Practices before installing it in an AI 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-react-best-practices","api":"https://www.openagentskill.com/api/agent/skills/vercel-react-best-practices","audit":"https://www.openagentskill.com/skills/vercel-react-best-practices/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=vercel-react-best-practices&task=Evaluate%20Vercel%20React%20Best%20Practices%20before%20installing%20it%20in%20an%20AI%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Evaluate%20Vercel%20React%20Best%20Practices%20before%20installing%20it%20in%20an%20AI%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Evaluate%20Vercel%20React%20Best%20Practices%20before%20installing%20it%20in%20an%20AI%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/vercel-react-best-practices/install","manifest":"https://www.openagentskill.com/api/registry/manifest/vercel-react-best-practices"}},"endpoints":{"web":"https://www.openagentskill.com/skills/vercel-react-best-practices","api":"https://www.openagentskill.com/api/agent/skills/vercel-react-best-practices","eval":"https://www.openagentskill.com/api/agent/evals?slug=vercel-react-best-practices","audit":"https://www.openagentskill.com/skills/vercel-react-best-practices/audit","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Evaluate%20Vercel%20React%20Best%20Practices%20before%20installing%20it%20in%20an%20AI%20agent%20workflow&agent=codex&max_risk=medium"}},"meta":{"endpoint":"/api/agent/evals","mode":"skill_eval","purpose":"Pre-install eval contract for a single skill. Agents should read this before installing a reusable skill.","generated_at":"2026-09-05T07:59:03.593Z"}}