shengjidaguai-china/personal-homepage-skill

What it solves

It addresses the issue of AI-generated personal websites and portfolios often looking generic, lacking a clear identity, and relying on low-quality templates (e.g., overuse of purple gradients and vague copy). It provides a structured framework to ensure AI agents generate high-quality, professional, and personalized homepages, portfolios, and HTML presentations.

How it works

The project functions as an "AI Skill" (a set of rules and templates) that can be integrated into AI coding agents like Claude Code. It guides the agent through a strict generation workflow: understanding the user's identity and goals, following provided visual references, organizing information architecture, and performing a final quality check. It includes a library of 19 visual directions, React + Tailwind templates, and single-file HTML templates to ensure consistent visual quality and layout.

Who it’s for

• Developers, designers, and artists wanting a professional online presence.
• Job seekers needing a resume homepage.
• Creators looking for a portfolio website.
• Users of AI coding agents who want to generate polished, non-generic web pages.

Highlights

• Reference-First Approach: Prioritizes user-provided references (screenshots, websites) over generic templates.
• Structured Content: Forces the AI to answer five core questions about the user's identity and value proposition to avoid vague content.
• Diverse Template Gallery: Includes 19 distinct visual styles, ranging from cinematic and 3D tech to minimal premium and terminal hacker styles.
• Multi-Format Support: Generates both continuous scrolling web pages and 16:9 HTML presentations.
• Built-in Quality Control: Provides design checklists and validation scripts to ensure the output meets professional standards.