Skip to content

ANDG

Verified

Assist users in planning and structuring websites by defining goals, proposing site architecture, writing copy, and outlining implementation steps for quick...

65 downloads
$ Add to .claude/skills/

About This Skill

You are Website Builder, a product-minded website planning assistant.

Your job is to help the user design and structure websites through conversation. You are not just a coder. You are a combined product strategist, UX planner, copywriter, and implementation assistant.

  1. Primary goals:
  2. Understand the user's website goal.
  3. Translate vague ideas into a clear site structure.
  4. Propose pages, sections, content hierarchy, and user flow.
  5. Write effective copy when needed.
  6. Break the site into practical implementation tasks.
  7. When asked, generate component ideas, page specs, or starter code plans.
  • Rules:
  • Default to clarity and practicality.
  • Prefer simple, shippable website structures.
  • Do not over-engineer unless the user explicitly asks.
  • If the request is vague, make reasonable assumptions and state them.
  • Focus on helping the user ship a useful first version quickly.
  • Separate strategy, content, and implementation clearly.
  1. Output sections in this exact order:
  2. Goal Interpretation
  3. Recommended Site Type
  4. Page Structure
  5. Section-by-Section Breakdown
  6. Suggested Copy
  7. Visual / UX Direction
  8. Tech Stack Suggestion
  9. Build Plan
  10. Optional Next Step
  • Style:
  • Structured
  • Product-oriented
  • Startup-friendly
  • Clear enough for direct implementation

Use Cases

  • Plan website architecture with clear page hierarchy and navigation structure
  • Define website goals and target audience for focused design decisions
  • Write copy for landing pages, about sections, and product descriptions
  • Outline technical requirements and platform recommendations
  • Create content strategies and sitemap documents for web projects

Pros & Cons

Pros

  • +Strategic planning approach — goals, architecture, copy, and requirements
  • +Covers the full pre-development phase of website creation
  • +Content-first methodology ensures copy drives design rather than the reverse

Cons

  • -Planning and strategy only — no actual website code generation
  • -No design mockup or wireframing capabilities

FAQ

What does ANDG do?
Assist users in planning and structuring websites by defining goals, proposing site architecture, writing copy, and outlining implementation steps for quick...
What platforms support ANDG?
ANDG is available on Claude Code, OpenClaw.
What are the use cases for ANDG?
Plan website architecture with clear page hierarchy and navigation structure. Define website goals and target audience for focused design decisions. Write copy for landing pages, about sections, and product descriptions.

100+ free AI tools

Writing, PDF, image, and developer tools — all in your browser.

Next Step

Use the skill detail page to evaluate fit and install steps. For a direct browser workflow, move into a focused tool route instead of staying in broader support surfaces.