magic-portfolio

Create a Next.js 16 portfolio template with MDX blog and projects.

15|5|Updated Dec 5, 2025
One-click install
npx skills add https://github.com/Eng0AI/eng0-template-skills --skill magic-portfolio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magic-portfolio
Source: https://github.com/Eng0AI/eng0-template-skills/tree/main/magic-portfolio
Command: npx skills add https://github.com/Eng0AI/eng0-template-skills --skill magic-portfolio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the design complexity of portfolio creation by providing automatic SEO, gallery features, and customizable themes.

Core Features & Use Cases

  • MDX Content: Write blog posts and project case studies in MDX format with rich content capabilities.

Quick Start

Use the magic-portfolio skill to build a portfolio with your blog articles and project showcases, optimized for search engines and mobile devices.

Quick Start

Use the magic-portfolio skill to create a portfolio with your technical skills, work history, and personal projects with professional styling and responsive design.

Frequently Asked Questions about magic-portfolio

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

FAQPage Schema
How do I create a portfolio with MDX blog posts and automatic SEO?

MDX blog portfolios combine Markdown with React components for rich content, while automatic SEO generates meta tags and structured data without manual configuration. Magic-portfolio builds a Next.js 16 template with both features pre-configured, letting you write blog posts in MDX format with search engine optimization applied by default.

Can I customize the theme and styling of my portfolio with Sass?

Yes, magic-portfolio includes Sass styling and Once UI theming for extensive customization. You can modify color schemes, layouts, and component styles through Sass variables and theme configuration files without touching core functionality.

What's the best way to set up a portfolio with project case studies and galleries?

Magic-portfolio provides built-in gallery and project section components in a Next.js 16 template. Structure your project case studies and images in the content directory, and the template renders them with responsive design and automatic SEO metadata for each project.

Does this portfolio template work for developer portfolios and personal branding sites?

Magic-portfolio is purpose-built for developer portfolios and personal branding sites needing MDX blog content, project showcases, and professional styling. It supports technical portfolios with work history, skills sections, and responsive design across devices.

How do I deploy and run this Next.js portfolio locally?

Magic-portfolio runs on Node.js with npm on port 3000 for local development. After installation, use npm commands to start the development server; the production-ready Next.js 16 build compiles your MDX content and assets for deployment to any Next.js-compatible host.

What dependencies or setup do I need before building my portfolio?

Magic-portfolio has zero external dependencies—it includes everything needed within the Next.js 16 template. You need Node.js and npm installed; the template handles MDX rendering, Once UI theming, Sass compilation, and SEO generation automatically.