plugins/gir-web/skills/web-tools/SKILL.md
MCP tool reference for web development — v0, Figma, Vercel. Apply when doing UI generation or deployment for frontend work.
npx skillsauth add rivit-studio/gir web-toolsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
| Tool | Use | |------|-----| | v0 createChat | React scaffolding, UI mockups | | Figma get_design_context | UI from Figma nodes | | Figma get_screenshot | Visual reference | | Figma generate_diagram | Flowcharts, diagrams in FigJam |
list_projects, get_project, list_deployments, get_deployment,
get_deployment_build_logs, deploy_to_vercel, search_vercel_documentation
testing
GIR orchestration core — routing rules, delegation tiers, cost discipline, Graphify integration, escalation trigger, and lazy-load instructions. Always loaded.
tools
Native parallel agent execution using Claude Code's built-in Agent tool with worktree isolation. On-demand skill — load when parallel work is needed.
testing
Autonomous execution mode for GIR — unattended operation, cap fail-safe, checkpoint/resume protocol. On-demand skill loaded by /gir:run.
development
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.