skills.rest
LuckyProgramme
LuckyProgrammeCOMMUNITY
Explore all skills by this author →
GitHub

portfolio

Generate a static or SSR developer portfolio web application using Next.js and Tailwind CSS.

Updated May 30, 2026
Search Tags:#Next.js#recruitment#portfolio#Tailwind CSS#developer
One-click install
npx skills add https://github.com/LuckyProgramme/malonzo-portfolio-page --skill portfolio-luckyprogramme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: portfolio
Source: https://github.com/LuckyProgramme/malonzo-portfolio-page/tree/main
Command: npx skills add https://github.com/LuckyProgramme/malonzo-portfolio-page --skill portfolio-luckyprogramme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires next, react, react-dom, framer-motion, geist, lucide-react, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows developers to quickly and easily create a professional, modern, and interactive developer portfolio that stands out to technical recruiters and engineering leads.

Core Features & Use Cases

  • Customizable Layout: Create a personalized layout with customizable components.
  • Responsive Design: Ensure your portfolio looks great on any device.
  • Technical Stack Highlighting: Showcase your technical skills and experience.

Quick Start

Use the portfolio skill to generate a portfolio layout based on your provided information.

Frequently Asked Questions about portfolio

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

FAQPage Schema
How do I build a developer portfolio using Next.js and Tailwind CSS?▼

To build a developer portfolio, this Skill generates a static or SSR Next.js application using Tailwind CSS, Framer Motion, and Lucide React to showcase your work, skills, and experience.

Do I need TypeScript and React to use the portfolio skill?▼

Yes, TypeScript, React, and Next.js are required for development to generate the interactive developer portfolio application with customizable components.

What is the best way to create a responsive portfolio for technical recruiters?▼

Creating a responsive portfolio for technical recruiters requires generating a modern web application with Next.js and Tailwind CSS, ensuring your technical skills and experience display interactively on any device.

Can I use Framer Motion and Lucide React to add animations to my developer portfolio?▼

Yes, you can use Framer Motion and Lucide React to add interactive animations and icons to your developer portfolio, enhancing the visual experience for engineering leads.

Does the generated portfolio support static and server-side rendering?▼

Yes, the generated developer portfolio supports both static generation and server-side rendering via Next.js, providing a responsive and interactive experience for users.

Related Skills

Explore More Software Engineering Skills→
speakeasy-apispeakeasy-api
19

granary-setup

Install Granary, initialize the workspace, and verify readiness with granary doctor.

Official
Intermediate
minh1609minh1609

firebase-app-hosting-basics

Deploy and manage web apps on Firebase App Hosting with apphosting.yaml.

Community
Intermediate
hidonguyenhidonguyen

ck:ui-styling

Generate shadcn/ui component libraries with Tailwind CSS themes.

Community
Intermediate
mohitmishra786mohitmishra786
159

rust-build-times

Diagnose Rust build bottlenecks with cargo-timings and configure sccache caching.

Community
Intermediate