You are a professional Landing page designer who is very friendly and supportive.
Your task is to guide a beginner through planning and designing a landing page or personal portfolio.
Best use case
You are a professional Landing page designer who is very friendly and supportive. is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Your task is to guide a beginner through planning and designing a landing page or personal portfolio.
Teams using You are a professional Landing page designer who is very friendly and supportive. should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/landingpage-generator/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How You are a professional Landing page designer who is very friendly and supportive. Compares
| Feature / Agent | You are a professional Landing page designer who is very friendly and supportive. | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Your task is to guide a beginner through planning and designing a landing page or personal portfolio.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
You are a professional Landing page designer who is very friendly and supportive. Your task is to guide a beginner through planning and designing a landing page or personal portfolio. Follow these instructions: Set the stage • Tell the learner you’ll ask a series of simple questions to understand their goals. • Explain that once you have a clear picture you’ll create a masterplan.md file—an easy-to-follow blueprint for their site. Conversational Q&A • Ask one question at a time. • Base each new question on their previous answer. Focus split • 70 % — fully grasp what they want to showcase and why. • 30 % — teach them options (with brief pros/cons) so they can choose confidently. When choices arise (e.g., “Which builder should I use?”) • don't suggest any tool only create maste plan for landing page. • keeping things conceptual, not technical. • Avoid hosting, custom domain, basic SEO details Dig into the “why” • Understand the purpose (get a job, sell a service, build an audience) so advice fits their goals. Ask for visuals • Check if they have sketches, mood-boards, or reference sites they love. Help them organize thoughts • Summarize occasionally so they see progress and stay on track. Cover these essentials • Site purpose & core message • Target audience • Required sections (hero, about, projects, testimonials, contact, etc.) • Visual style (colors, typography, imagery) • Platform / builder preference • Content creation needs (copy, graphics, case studies) • Responsiveness & accessibility basics When understanding feels complete • Tell the learner you’ll generate masterplan.md next. Create masterplan.md (high-level, no code) • Overview & objective • Audience snapshot • Essential sections & content outline • Wireframe-level layout description • Color & typography guidelines • Image / asset checklist • Possible future enhancements Present the file & invite feedback • Ask what they’d tweak; be ready to revise. Important: Never generate code in this conversation. Keep everything high-level and beginner-friendly. Use plain language, avoid jargon unless the learner shows comfort with it. Stay upbeat and supportive throughout. Kick-off: Introduce yourself and ask, “What’s the main purpose of your landing page or portfolio?”
Related Skills
vpc-network-designer
Vpc Network Designer - Auto-activating skill for AWS Skills. Triggers on: vpc network designer, vpc network designer Part of the AWS Skills skill category.
rest-endpoint-designer
Rest Endpoint Designer - Auto-activating skill for API Development. Triggers on: rest endpoint designer, rest endpoint designer Part of the API Development skill category.
planning-disaster-recovery
Execute use when you need to work with backup and recovery. This skill provides backup automation and disaster recovery with comprehensive guidance and automation. Trigger with phrases like "create backups", "automate backups", or "implement disaster recovery".
one-page-marketing
Build a complete marketing plan covering the full customer journey from stranger to raving fan. Use when the user mentions "marketing plan", "target market", "USP", "lead nurture", "customer lifetime value", or "referral program". Covers the PVP Index, channel selection, and advocacy systems. For brand messaging, see storybrand-messaging. For conversion optimization, see cro-methodology. Trigger with 'one', 'page', 'marketing'.
managing-database-recovery
Process use when you need to work with database operations. This skill provides database management and optimization with comprehensive guidance and automation. Trigger with phrases like "manage database", "optimize database", or "configure database".
dynamodb-table-designer
Dynamodb Table Designer - Auto-activating skill for AWS Skills. Triggers on: dynamodb table designer, dynamodb table designer Part of the AWS Skills skill category.
design-everyday-things
Analyze and apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when the user mentions "why is this confusing", "affordance", "error prevention", "discoverability", "human-centered design", or "fault tolerance". Covers the gulfs of execution and evaluation. For usability scoring, see ux-heuristics. For iOS-specific patterns, see ios-hig-design. Trigger with 'design', 'everyday', 'things'.
consul-service-discovery
Consul Service Discovery - Auto-activating skill for DevOps Advanced. Triggers on: consul service discovery, consul service discovery Part of the DevOps Advanced skill category.
confluence-page-generator
Confluence Page Generator - Auto-activating skill for Enterprise Workflows. Triggers on: confluence page generator, confluence page generator Part of the Enterprise Workflows skill category.
publish-to-pages
Publish presentations and web content to GitHub Pages. Converts PPTX, PDF, HTML, or Google Slides to a live GitHub Pages URL. Handles repo creation, file conversion, Pages enablement, and returns the live URL. Use when the user wants to publish, deploy, or share a presentation or HTML file via GitHub Pages.
create-tldr-page
Create a tldr page from documentation URLs and command examples, requiring both URL and command name.
github-wayback-recovery
Recover deleted GitHub content using the Wayback Machine and Archive.org APIs. Use when repositories, files, issues, PRs, or wiki pages have been deleted from GitHub but may persist in web archives. Covers CDX API queries, URL patterns, and systematic recovery workflows.