Skills
.Work. You
Rest

portfolio-components

Community

Build polished portfolio components that convert.

Software Engineering#accessibility#components#Next.js#portfolio#Tailwind CSS#UI primitives
AuthorJaivishChauhan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides ready-to-use, accessible, and design-consistent portfolio UI components for developers building Next.js portfolios, reducing design toil and speeding up delivery.

Core Features & Use Cases

  • UI Primitives: Button, Card, Badge, and shared UI elements that can be composed to form sections.
  • Sections: Hero, About, Projects, Experience, Skills, Testimonials, and Contact sections with consistent styling.
  • Layout & Accessibility: Built-in layout components and accessible semantics to ensure keyboard navigation and good contrast.
  • Use Case: Rapidly assemble a complete personal portfolio site by composing the provided components and sections.

Quick Start

Create a portfolio page using the provided portfolio-components library, rendering the HeroSection, AboutSection, ProjectsSection, ExperienceSection, and ContactSection with sample data.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: portfolio-components
Download link: https://github.com/JaivishChauhan/vibecoding-starter/archive/main.zip#portfolio-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.