personal-homepage-skill

Generate personal homepages, portfolios, and HTML presentations from user preferences.

170|17|Updated Jun 7, 2026
One-click install
npx skills add https://github.com/powerycy/personal-homepage-skill --skill personal-homepage-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: personal-homepage-skill
Source: https://github.com/powerycy/personal-homepage-skill/tree/main
Command: npx skills add https://github.com/powerycy/personal-homepage-skill --skill personal-homepage-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, tailwindcss, framer-motion, lucide-react, vite, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps AI agents generate polished personal homepages, portfolios, and HTML presentations, avoiding common pitfalls like generic design, weak content structure, and poor user experience.

Core Features & Use Cases

  • Personalized Homepages: Generate custom personal homepages based on user content and preferences.
  • Portfolio Websites: Create professional portfolio websites showcasing projects and skills.
  • HTML Presentations: Produce 16:9 HTML presentations for pitches, presentations, and roadshows.
  • Use Case: An AI agent uses this Skill to create a personal homepage for a developer that showcases their projects, skills, and contact information.

Quick Start

Generate a personal homepage for a developer with the following prompt: "Create a personal homepage for a developer with a focus on showcasing projects and skills. Include sections for bio, projects, and contact information."

Frequently Asked Questions about personal-homepage-skill

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

FAQPage Schema
How do I generate a personal homepage with AI without writing HTML from scratch?

To generate a personal homepage with AI, provide your bio, projects, and preferences to the agent. The Skill handles information architecture, visual design, and content generation, outputting a polished HTML website without manual coding.

Can I use this to create an HTML presentation for a pitch or roadshow?

Yes, you can create 16:9 HTML presentations for pitches and roadshows. The Skill generates interactive HTML slides tailored to your specific content and professional presentation needs.

Does the generated portfolio website work with React and Tailwind CSS?

Yes, the generated portfolio website is built using React and Tailwind CSS. It also leverages Vite, Framer Motion, and Lucide React to ensure a responsive layout and smooth visual animations.

What do I need to provide to customize my personal portfolio website?

You need to provide a clear reference or your specific user preferences, such as your bio, projects, and skills. This input allows the AI to tailor the portfolio website's structure and content to your individual needs.

What's the best way to avoid generic design when building a personal homepage?

The best way to avoid generic design is to use an AI Skill that manages information architecture and visual design systematically. It transforms your specific content into a personalized homepage, avoiding weak content structure and poor user experience.