figma-portfolio-nextjs

What problem does it solve?

Building a modern developer/designer portfolio from scratch is time-consuming, especially when you want responsive layout, dark-mode styling, and engaging hero animations without wrestling with setup details.

Core Features & Use Cases

• Next.js + TypeScript Portfolio Scaffold: Provides a ready-to-run app structure (App Router, component breakdown) so you can focus on content rather than wiring.
• TailwindCSS Dark Theme with Gradient Accents: Delivers an opinionated visual system (fonts, colors, spacing, and styling) that looks good immediately and can be customized.
• Animated Typing Hero + Project/Experience Sections: Includes reusable UI sections (Hero typing effect, Projects cards, Experience timeline, Skills, Contact) suitable for showcasing a portfolio to recruiters or clients.

Use Case: You want to publish a portfolio for job hunting and you need a compelling hero, clear project cards, and a clean way to list experience, skills, and contact information.

Quick Start

Use the figma-portfolio-nextjs skill to generate a Next.js 16 + TypeScript + TailwindCSS portfolio, then run it locally and replace the placeholder text with your name, roles, and project data.