ReddRadar
Agent skill
developer-portfolio
Next.js 16 portfolio with Lottie animations, contact form (Email/Telegram), dev.to integration.
Install this agent skill to your Project
npx add-skill https://github.com/rebyteai-template/rebyte-skills/tree/main/developer-portfolio
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:
.nextdirectory - 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 linksexperience.js- Work historyprojects-data.js- Portfolio projectsskills.js- Technical skillseducations.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)
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
rebyteai-template/rebyte-skills
natural-language-postgres-presentation
Presentation-focused Natural Language to SQL app with PPT-style visualizations.
rebyteai-template/rebyte-skills
formsmd-builder
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.
rebyteai-template/rebyte-skills
financial-deep-research
Conduct enterprise-grade financial research with multi-source synthesis, regulatory compliance tracking, and verified market analysis. Use when user needs comprehensive financial analysis requiring 10+ sources, verified claims, market comparisons, or investment research. Triggers include "financial research", "market analysis", "investment analysis", "due diligence", "financial deep dive", "compare stocks/funds", or "analyze [company/sector]". Do NOT use for simple stock quotes, basic company lookups, or questions answerable with 1-2 searches.
rebyteai-template/rebyte-skills
stripe-subscription
Stripe Checkout for recurring subscriptions with Customer Portal. Auto-creates plans if not configured.
rebyteai-template/rebyte-skills
gatsby-ecommerce-netlify
Gatsby e-commerce starter with styled components for Netlify.
rebyteai-template/rebyte-skills
market-data
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).
Didn't find tool you were looking for?