hp-init

Configures Homepage Plugin settings for content strategy, i18n, deploy target, and Figma integration.

1|Updated Feb 19, 2026
One-click install
npx skills add https://github.com/ohmyhotelco/hare-cc-plugins --skill hp-init-ohmyhotelco
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hp-init
Source: https://github.com/ohmyhotelco/hare-cc-plugins/tree/main/homepage-plugin/skills/hp-init
Command: npx skills add https://github.com/ohmyhotelco/hare-cc-plugins --skill hp-init-ohmyhotelco

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up a marketing homepage project requires many scattered configuration decisions — content management approach, supported languages, deployment target, linting, and design system sources. This Skill walks you through each choice interactively and writes a single consistent configuration file. ## Core Features & Use Cases - Guided Configuration: Interactively collects content strategy (MDX, headless CMS, or both), i18n locales with a default language, deploy target (AWS, Vercel, Netlify, Cloudflare, or static), and ESLint template preferences, then writes them to .claude/homepage-plugin.json. - Figma Integration: Optionally extracts a Figma file key from a design URL and stores an access token for automatic 2x PNG export of vector assets. - External Skill Installation: Downloads web-design-guidelines and composition-patterns skills from the vercel-labs/agent-skills GitHub repository into .claude/skills/, skipping any already installed. - Use Case: You are starting a new multilingual marketing site on Astro. Run this Skill once to record that content lives in MDX, locales are Korean and English, deployment goes to S3 + CloudFront, and your Figma design system is linked — every subsequent pipeline step reads this config. ## Quick Start Ask the assistant to initialize the Homepage Plugin configuration for this project and answer the prompts for content strategy, languages, and deploy target.

Frequently Asked Questions about hp-init

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

FAQPage Schema
How do I set up the Homepage Plugin for a new project?▼

Run the hp-init skill, which interactively asks for your content strategy, i18n locales, deploy target, and ESLint preference, then writes the answers to .claude/homepage-plugin.json. Existing configurations are detected first so you can keep or reconfigure them.

What content management options does the Homepage Plugin support?▼

The setup offers three content strategies: mdx for version-controlled MDX files in the repo, headless-cms for platforms like Sanity, Contentful, or Strapi, and both for combining MDX blog posts with CMS-driven dynamic content.

Can I connect a Figma design system during project initialization?▼

Yes, paste a Figma file URL when prompted and the skill extracts the file key automatically. Providing a Figma Personal Access Token additionally enables automatic 2x PNG export of vector logos and design assets.

Which deploy targets are supported for the generated homepage?▼

The configuration supports aws (S3 plus CloudFront, the default), vercel, netlify, cloudflare (Cloudflare Pages), and static for generic static hosting. The chosen target is stored as deployTarget in the configuration file.

What happens if the external skill download fails during setup?▼

If curl fails due to a network issue while downloading skills from the vercel-labs/agent-skills repository, the skill warns you and continues. These external skills are optional enhancements and the configuration is still written.