SkillsAdd

rebyteai-template/rebyte-skills

developer-portfolio

Next.js 16 portfolio with Lottie animations, contact form (Email/Telegram), dev.to integration.

First seen Jan 22, 2026

Installation

$ npx skills add rebyteai-template/rebyte-skills --skill developer-portfolio
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
supabase Same topic
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
prisma-compute Same topic
prisma/skills

Prisma Compute deployment and hosting guide. Use whenever the user mentions Prisma Compute, `pr…

253.4K installs
vercel-react-view-transitions Same topic
vercel-labs/agent-skills 115.9K installs
vercel-optimize Same topic
vercel-labs/agent-skills

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, Svel…

67.2K installs
ai-sdk Same topic
vercel/ai 53.4K installs

Also in this package

Other skills from rebyteai-template/rebyte-skills · top by installs.

npx skills add rebyteai-template/rebyte-skills
awwwards-landing-page 1.3K financial-deep-research 963 gsap-awwwards-website 765 market-data 383 echarts 359 award-winning-website 342 sec-edgar-skill 253 fastapi-backend-template 234 go-backend-clean-architecture 98 web-app-builder 95

Browse all from rebyteai-template/rebyte-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 16
Default branch main
Open issues 1
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,055 B
  • docs SUMMARY.md 122 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 93 installs

SKILL.md

Developer Portfolio Pro

A modern, responsive portfolio with Next.js, Lottie animations, contact form with Email/Telegram, and dev.to blog integration.

Tech Stack

  • Framework: Next.js 16 with App Router
  • React: React 19
  • Styling: Tailwind CSS 4
  • Animation: Lottie
  • Package Manager: pnpm
  • Output: .next directory
  • Dev Port: 3000

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/developer-portfolio-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/developer-portfolio-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

pnpm install

Build

pnpm build

Deploy

Vercel (Recommended)

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

Netlify

netlify deploy --prod

Customization

Edit content in utils/data/:

  • personal-data.js - Name, bio, social links
  • experience.js - Work history
  • projects-data.js - Portfolio projects
  • skills.js - Technical skills
  • educations.js - Education background

Environment Variables

Variable Required Description
NEXTPUBLICGTM No Google Tag Manager ID
NEXTPUBLICAPP_URL Yes Your portfolio's public URL
TELEGRAMBOTTOKEN No Telegram bot token for contact form
TELEGRAMCHATID No Telegram chat ID
GMAIL_PASSKEY No Gmail app password
EMAIL_ADDRESS No Gmail address for contact form

Development

pnpm dev

Opens at http://localhost:3000

Requires Node.js 18.17+ (Node.js 20+ recommended)