skills.rest
rebyteai-template
rebyteai-templateOFFICIAL
Explore all skills by this author →
WebsiteGitHub

developer-portfolio

Generates a Next.js 16 developer portfolio with Lottie animations, Email/Telegram contact form, and dev.to blog syndication.

15|5|Updated Dec 5, 2025
Search Tags:#react#next.js#portfolio#developer#lottie#personal website
One-click install
npx skills add https://github.com/rebyteai-template/rebyte-skills --skill developer-portfolio-rebyteai-template
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: developer-portfolio
Source: https://github.com/rebyteai-template/rebyte-skills/tree/main/developer-portfolio
Command: npx skills add https://github.com/rebyteai-template/rebyte-skills --skill developer-portfolio-rebyteai-template

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers create a professional online portfolio to showcase their projects, experience, and skills, making it easier to attract opportunities.

Core Features & Use Cases

  • Modern Design: Built with Next.js 16 and React 19 for a cutting-edge frontend.
  • Engaging Animations: Integrates Lottie animations for a dynamic user experience.
  • Contact Form: Includes a functional contact form with options for Email and Telegram.
  • Blog Integration: Connects to dev.to to display your blog posts.
  • Use Case: A freelance developer can use this Skill to quickly set up a personal website that highlights their best projects and provides an easy way for potential clients to get in touch.

Quick Start

Clone the developer portfolio template repository and install its dependencies.

Frequently Asked Questions about developer-portfolio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Next.js developer portfolio with Lottie animations?▼

This Skill generates a Next.js 16 portfolio template pre-configured with React 19, Tailwind CSS styling, and interactive Lottie animations to showcase your developer projects.

Can I integrate a Telegram contact form into my personal website?▼

Yes, this template includes a functional contact form with built-in options for both Email and Telegram integrations, allowing potential clients to easily reach you directly from your personal website.

How do I display dev.to blog posts on my React portfolio?▼

You can display dev.to blog posts on your React portfolio by utilizing the template's built-in dev.to blog syndication feature, which automatically connects to your account and fetches your articles.

What version of Node.js is required for a Next.js 16 portfolio?▼

Setting up this Next.js 16 portfolio requires Node.js version 18.17 or higher, and you must use pnpm for managing the project dependencies during the local installation process.

Does this portfolio template support Tailwind CSS for styling?▼

Yes, this portfolio template supports Tailwind CSS for styling, allowing you to easily customize the design of your experience and project display sections within the Next.js application environment.

Related Skills

Explore More Design & Creative Skills→
UiPathUiPath
18

apollo-install

Clone the apollo-ui repository, install dependencies, build packages, and start Storybook on port 6006.

Official
Intermediate
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate
BintzGavinBintzGavin
94

example-tailwind-animation

Apply Tailwind CSS utility classes to Helios compositions for styling and animation.

Community
Basic
Jonesh05Jonesh05

personal-website

Develop a personal website with Next.js, Tailwind CSS, and Firebase.

Community
Advanced