How do I install the Developer Portfolio skill?

Run npx skillmds add majiayu000/developer-portfolio in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Developer Portfolio safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Developer Portfolio?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Developer Portfolio free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Developer Portfolio?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Developer Portfolio by majiayu000 — Agent Skill

Name: Developer Portfolio
Rating: 4.2 (5 reviews)
Author: majiayu000

File contents

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
`NEXT_PUBLIC_GTM`	No	Google Tag Manager ID
`NEXT_PUBLIC_APP_URL`	Yes	Your portfolio's public URL
`TELEGRAM_BOT_TOKEN`	No	Telegram bot token for contact form
`TELEGRAM_CHAT_ID`	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)

---name: developer-portfoliodescription: Next.js 16 portfolio with Lottie animations, contact form (Email/Telegram), dev.to integration.--- # 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 ```bash git clone --depth 1 https://github.com/Eng0AI/developer-portfolio-template.git . ``` If the directory is not empty: ```bash 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) ```bash rm -rf .git git init ``` ### 3. Install Dependencies ```bash pnpm install ``` ## Build ```bash pnpm build ``` ## 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 ``` ## 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 | |----------|----------|-------------| | `NEXT_PUBLIC_GTM` | No | Google Tag Manager ID | | `NEXT_PUBLIC_APP_URL` | Yes | Your portfolio's public URL | | `TELEGRAM_BOT_TOKEN` | No | Telegram bot token for contact form | | `TELEGRAM_CHAT_ID` | No | Telegram chat ID | | `GMAIL_PASSKEY` | No | Gmail app password | | `EMAIL_ADDRESS` | No | Gmail address for contact form | ## Development ```bash pnpm dev ``` Opens at http://localhost:3000 Requires Node.js 18.17+ (Node.js 20+ recommended)

Frequently asked questions