메뉴
Next.js 16 portfolio with Lottie animations, contact form (Email/Telegram), dev.to integration.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Build stylish, Typeform-like multi-step forms and surveys using Forms.md library. Use when user asks to: create a form, build a survey, make a questionnaire, create an onboarding flow, build a feedback form, or any multi-step data collection UI. Outputs standalone HTML files with embedded CSS/JS that can be deployed anywhere.
Knowledge about pyecharts chart creation, HTML report generation, and visualization best practices
Build and deploy web apps to the cloud. Supports React, Vue, Astro, Next.js (static), vanilla HTML/CSS/JS, and serverless functions. Sites deploy to *.rebyte.pro with automatic SSL. Use when user asks to "deploy", "publish", "host", or make their app "live". Triggers include "deploy my app", "make it live", "publish site", "host my app", "deploy website", "put it online".
Generate visual SEO analysis reports using Google PageSpeed Insights API. Use when user asks to analyze website performance, SEO scores, Core Web Vitals, or page speed. Outputs an interactive HTML report with charts and actionable recommendations.
Generate images from text prompts using Google Nano Banana (Gemini image generation) via eng0 data API. Use when user asks to generate, create, or make images, pictures, illustrations, or artwork from descriptions. Triggers include "generate image", "create image", "make a picture", "draw", "illustrate", "image of", "picture of", "nano banana". Do NOT use for image editing or manipulation of existing images.
Access US stock market data including price bars, news with sentiment, and company details via eng0 data API. Use when user asks for stock prices, OHLCV data, price history, stock news, or company information. Triggers include "stock price", "price history", "OHLCV", "stock news", "company info", "market data", "ticker data". Do NOT use for SEC filings (use sec-edgar-skill instead).
| name | developer-portfolio |
| description | Next.js 16 portfolio with Lottie animations, contact form (Email/Telegram), dev.to integration. |
A modern, responsive portfolio with Next.js, Lottie animations, contact form with Email/Telegram, and dev.to blog integration.
.next directorygit 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
rm -rf .git
git init
pnpm install
pnpm build
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
netlify deploy --prod
Edit content in utils/data/:
personal-data.js - Name, bio, social linksexperience.js - Work historyprojects-data.js - Portfolio projectsskills.js - Technical skillseducations.js - Education background| 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 |
pnpm dev
Opens at http://localhost:3000
Requires Node.js 18.17+ (Node.js 20+ recommended)