Hook
More breakout videos from this creator.
tutorial pasang skill di open code guys This PC Local Disk (C:) Users Anggi DG Name accessibility alert-manager backlink-analyzer best-practices competitor-analysis content-gap-analysis content-quality-auditor content-refresher core-web-vitals design-taste-frontend design-taste-frontend-v1 domain-authority-auditor entity-optimizer find-skills frontend-design full-output-enforcement geo-content-optimizer high-end-visual-design imageoen-frontend-mobile code-review-skill competitor-analysis content-gap-analysis content-quality-auditor content-refresher core-web-vitals design-taste-frontend design-taste-frontend-v1 domain-authority-auditor entity-optimizer find-skills frontend-design full-output-enforcement geo-content-optimizer high-end-visual-design imageoen-frontend-mobile The Agent Skills Directory Skills SKILLS THE OPEN AGENT SKILLS ECOSYSTEM TRY IT NOW $ npx skills add <owner/repo> SKILLS LEADERBOARD Search skills... All Time (811,381) Trending (24h) Hot # SKILL 1 find-skills vercel-labs/skills 2 frontend-design anthropics/skills 3 vercel-react-best-practices vercel-labs/agent-skills 4 agent-browser vercel-labs/agent-browser 5 web-design-guidelines vercel-labs/agent-skills 6 microsoft-foundry microsoft/azure-skills +14 more from microsoft/azure-skills (6.2M total) 21 grill-me mattpocock/skills 22 azure-messaging microsoft/azure-skills 23 remotion-best-practices remotion-dev/skills skills.sh Skills web-design-guidelines Design & UI INSTALLATION $ npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines SUMMARY Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance. Fetches the latest guidelines from a remote source before each review, ensuring rules stay current Accepts file paths or patterns as arguments; prompts for files if none provided Outputs findings in a terse file-like format for quick scanning and remediation Covers design, accessibility, and UX best practices as defined in the guidelines repository Type here to search Windows PowerShell Copyright (C) Microsoft Corporation. All rights reserved. Try the new cross-platform PowerShell https://aka.ms/pscore6 PS C:\Users\Anggi DG> npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines npm exec skills add skills Source: https://github.com/vercel-labs/agent-skills.git Found 9 skills Selected 1 skill: web-design-guidelines 72 agents Which agents do you want to install to? Universal (.agents/skills) - always included Amp Antigravity Antigravity CLI Cline Codex Cursor Deep Agents Gemini CLI GitHub Copilot Kimi Code CLI OpenCode Warp Zed ...and 4 more Additional agents Search: ti move, space select, enter confirm AiderDesk (.aider-desk/skills) AstrBot (.data/skills) Autohand Code CLI (.autohand/skills) IBM Bob (.bob/skills) OpenClaw (.skills) CodeArts Agent (.codeartsdoer/skills) CodeBuddy (.codebuddy/skills) Codemaker (.codemaker/skills) Code Studio (.codestudio/skills) CoCommand Code (.commandcode/skills) Continue (.continue/skills) Cortex Code (.cortex/skills) Crush (.crush/skills) Devin for Terminal (.devin/skills) + 44 more Selected: Amp, Antigravity, Antigravity CLI, Cline, Codex, Cursor, Deep Agents, Gemini CLI, GitHub Copilot, Kimi Code CLI, OpenCode, Warp, Zed Installation scope > Project (Install in current directory (committed with your project) Global (Install in home directory (available across all projects)) Installation Summary ~\.agents\skills\web-design-guidelines copy -> Amp, Antigravity, Antigravity CLI, Cline, Codex, Cursor, Deep Agents, Gemini CLI, GitHub Copilot, Kimi Code CLI, OpenCode, Warp, Zed Security Risk Assessments web-design-guidelines Gen Safe Socket 0 alerts Details: https://skills.sh/vercel-labs/agent-skills Proceed with installation? Yes / No Installation complete Installed 1 skill -> \.agents\skills\web-design-guidelines (copied) -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines -> \.agents\skills\web-design-guidelines Done. Review skills before use; they run with full agent permissions. open code ask anything... "Fix broken tests" Build DeepSeek V4 Flash Free OpenCode Zen tab agents ctrl+v Tip: Press ctrl+v to paste images from your clipboard into the editor.