Agent skill

build-and-deploy

Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/build-and-deploy

SKILL.md

Build and Deploy Magic Portfolio

CRITICAL: For Vercel, use vercel build --prod then vercel deploy --prebuilt --prod.

Workflow

1. Install Dependencies

bash
npm install

2. Build

bash
npm run build

3. Deploy

Vercel (Recommended):

bash
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify:

bash
netlify deploy --prod --dir=.next

Tech Stack

  • Framework: Next.js 16
  • UI: Once UI + React 19
  • Styling: Sass
  • Content: MDX for blog posts and projects
  • Language: TypeScript

Important Notes

  • Requires Node.js v18.17+
  • Configuration files:
    • src/resources/once-ui.config.js - Theme and UI settings
    • src/resources/content.js - Site content
  • Blog posts go in src/app/blog/posts/
  • Projects go in src/app/work/projects/

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

majiayu000/claude-skill-registry

agent-ops-spec

Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-state

Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-spec

Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-testing

Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-testing

Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.

163 31
Explore
majiayu000/claude-skill-registry

agent-ops-state

Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.

163 31
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results