.agents/skills/deploy/SKILL.md
Deploy the app to the internet and get a shareable link. Triggers on "$deploy", "deploy my app", "push this live", "put it on the internet", or any deployment request. Handles build verification, deployment to Vercel, and guides the user through sharing their creation.
npx skillsauth add BaoNguyen09/grade-pilot deployInstall 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.
run the build first:
npm run build
if it fails, fix the errors (translate to plain language), rebuild, confirm it's clean.
tell the user: "putting your app on the internet — give me a sec." if it takes a moment: "still going — almost there."
run the deploy script:
bash .agents/skills/vercel-deploy/scripts/deploy.sh
this deploys without needing a vercel account. capture the preview URL from the output (looks like https://project-xxxxx.vercel.app).
"GradePilot is live. here's your link:" "[Preview URL]"
if the output includes a claimUrl, mention it once:
"that link works right now for anyone. if you want to keep it permanently, you can claim it at [claimUrl] with a free account — totally optional."
"want to update the live version? just say deploy again."
don't panic. fix inline:
translate all errors to plain language. never show raw logs.
same flow: build check → deploy → share updated URL.
"want me to update the live version? just say deploy again."
npm run build before deployingdevelopment
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
development
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
tools
Set up a Windows PC to run the project. Sets PowerShell execution policy, installs Node.js if needed, and runs npm install.