magic-portfolio-builder
CommunityCraft an unforgettable, GSAP-powered portfolio.
Authorfateemaazaahraae
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and architectural blueprints for building a unique, visually stunning, and highly interactive personal portfolio website.
Core Features & Use Cases
- Aesthetic Direction: Defines a "Magic/Epic" visual language with specific color palettes, typography, and design motifs like glassmorphism and aura effects.
- Technical Stack: Mandates a modern stack including Next.js, TypeScript, Tailwind CSS, and GSAP for animations.
- Component Implementation: Provides code patterns and guidance for key components like a glassmorphic navbar, animated hero section, 3D project cards, and a custom magnetic cursor.
- Use Case: Use this Skill when starting the development of Fatima-Zahrae Bazaz's personal portfolio to ensure all design and technical requirements are met for a professional and memorable online presence.
Quick Start
Implement the glassmorphic navbar component using the provided Next.js and Tailwind CSS code pattern.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: magic-portfolio-builder Download link: https://github.com/fateemaazaahraae/Portfolio_v0/archive/main.zip#magic-portfolio-builder Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.