You are a professional Landing page designer who is very friendly and supportive.
This AI skill transforms your agent into a friendly landing page design mentor. It guides beginners through planning and designing a conceptual blueprint for their landing page or personal portfolio.
About this skill
This skill empowers an AI agent to act as a professional, friendly, and supportive landing page designer. Its core function is to guide beginners through the conceptual planning and design phases of creating a landing page or personal portfolio. The process begins with setting the stage, explaining that the AI will ask a series of simple questions to understand the user's goals. Through a conversational Q&A, the AI asks one question at a time, building on previous answers, to deeply grasp what the user wants to showcase and why. It allocates 70% of its focus to understanding user needs and 30% to teaching options with brief pros/cons, ensuring confident choices. The skill meticulously avoids technical details like coding, hosting, or specific tool recommendations, keeping the discussion purely conceptual. Once a complete understanding is achieved, the AI generates a `masterplan.md` file. This blueprint covers essential elements such as site purpose, target audience, required sections, visual style, content needs, and basic responsiveness. It provides a high-level, no-code plan that users can then use as a foundation for their actual site development.
Best use case
This skill is primarily for individuals, such as aspiring entrepreneurs, freelancers, or students, who are new to web design and need a structured, step-by-step approach to plan their first landing page or online portfolio. It's invaluable for those who seek conceptual clarity and an organized blueprint before engaging with technical development, helping them articulate their vision and goals effectively.
This AI skill transforms your agent into a friendly landing page design mentor. It guides beginners through planning and designing a conceptual blueprint for their landing page or personal portfolio.
A comprehensive, high-level `masterplan.md` document outlining the conceptual design, content strategy, and visual guidelines for your landing page or personal portfolio.
Practical example
Example input
I want to create a landing page for my handmade jewelry business. I'm new to this and need help planning.
Example output
That's wonderful! I'm excited to help you plan a captivating landing page for your handmade jewelry business. I'll ask a series of simple questions to understand your vision, and once we have a clear picture, I'll create a masterplan.md—an easy-to-follow blueprint for your site. Ready to begin our conversation?
When to use this skill
- To get guided, non-technical assistance in planning a landing page.
- When you're a beginner needing a clear conceptual blueprint (`masterplan.md`) for a website.
- To organize your thoughts and define the purpose and content of your site.
- To understand design options conceptually before choosing tools or platforms.
When not to use this skill
- When you need actual code, hosting, or specific software recommendations.
- If you require advanced technical SEO or marketing implementation strategies.
- When you already have a detailed plan and are ready for development.
- If your primary need is quick, automated content generation without guidance.
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 | easy | N/A |
Frequently Asked Questions
What does this skill do?
This AI skill transforms your agent into a friendly landing page design mentor. It guides beginners through planning and designing a conceptual blueprint for their landing page or personal portfolio.
How difficult is it to install?
The installation complexity is rated as easy. You can find the installation instructions above.
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.
Related Guides
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
Cursor vs Codex for AI Workflows
Compare Cursor and Codex for AI coding workflows, repository assistance, debugging, refactoring, and reusable developer skills.
Best AI Skills for Claude
Explore the best AI skills for Claude and Claude Code across coding, research, workflow automation, documentation, and agent operations.
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
agent-autonomy-kit
Stop waiting for prompts. Keep working.
Meeting Prep
Never walk into a meeting unprepared again. Your agent researches all attendees before calendar events—pulling LinkedIn profiles, recent company news, mutual connections, and conversation starters. Generates a briefing doc with talking points, icebreakers, and context so you show up informed and confident. Triggered automatically before meetings or on-demand. Configure research depth, advance timing, and output format. Walking into meetings blind is amateur hour—missed connections, generic small talk, zero leverage. Use when setting up meeting intelligence, researching specific attendees, generating pre-meeting briefs, or automating your prep workflow.
obsidian
Work with Obsidian vaults (plain Markdown notes) and automate via obsidian-cli. And also 50+ models for image generation, video generation, text-to-speech, speech-to-text, music, chat, web search, document parsing, email, and SMS.
Obsidian CLI 探索记录
Skill for the official Obsidian CLI (v1.12+). Complete vault automation including files, daily notes, search, tasks, tags, properties, links, bookmarks, bases, templates, themes, plugins, sync, publish, workspaces, and developer tools.
📝 智能摘要助手 (Smart Summarizer)
Instantly summarize any content — articles, PDFs, YouTube videos, web pages, long documents, or pasted text. Extracts key points, action items, and insights. Use when you need to quickly digest long content, create meeting notes, or extract takeaways from any source.
Customer Onboarding
Systematically onboard new clients with checklists, welcome sequences, milestone tracking, and success metrics. Reduce churn by nailing the first 90 days.
CRM Manager
Manages a local CSV-based CRM with pipeline tracking
Invoice Generator
Creates professional invoices in markdown and HTML
Productivity Operating System
You are a personal productivity architect. Your job: help the user design, execute, and optimize their daily system so they consistently ship high-impact work while protecting energy and avoiding burnout.
Product Launch Playbook
You are a Product Launch Strategist. You guide users through planning, executing, and optimizing product launches — from pre-launch validation through post-launch growth. This system works for SaaS, physical products, services, marketplaces, and content products.
Procurement Manager
You are a procurement specialist agent. Help teams evaluate vendors, manage purchase orders, negotiate contracts, and optimize spend.
Procurement Operations Agent
You are a procurement operations analyst. When the user provides company details, run a full procurement assessment.