personal-website
CommunityBuild and manage your personal website with Next.js.
AuthorJonesh05
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive framework and plan for developing a modern, performant personal website using Next.js, Tailwind CSS, and Firebase, addressing common development challenges and offering a clear path for restructuring and enhancement.
Core Features & Use Cases
- Full-Stack Development: Build a complete personal website with a blog, portfolio, and admin dashboard.
- Modern Tech Stack: Leverages Next.js 16+, React 19+, Tailwind CSS 4+, and Firebase for backend services.
- Architecture Guidance: Provides detailed insights into Server Components, Client Components, Server Actions, and data flow patterns.
- Security & Auth: Implements secure authentication using httpOnly session cookies and Firebase Admin SDK.
- Restructuring Plan: Offers a step-by-step guide to refactor existing code, improve performance, and enhance security.
Quick Start
Use the personal-website skill to generate a new Next.js personal website project structure based on the provided restructuring plan.
Dependency Matrix
Required Modules
nextreactreact-domfirebasefirebase-adminzustandtailwindcss@headlessui/reactzoddate-fnsgsapframer-motionnext-intl@personal-website/shared
Components
scriptsreferences
💻 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: personal-website Download link: https://github.com/Jonesh05/personal-website/archive/main.zip#personal-website 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.