Works with the AI Agents you already use
Claude Code
Cursor
Codex CLI
Muse
Dots+21 moreClaude CodeCursorCodex CLIMuseDots
Manus
Grok
Grok Bot+18 agentsWebsite Designer Skill Pro
Strategic website architect that generates sitemaps, content guides, brand specs, and implementation roadmaps.
$5.99
Website Designer Skill Pro
Example session with this skill installed
I need a website plan for 'GreenRoot', a local organic landscaping service. We need a way to book consultations, show a gallery of past work, and explain our native planting philosophy.
- Read your context and instructions
- Compiled the website designer pro
I have developed a strategic website plan for GreenRoot. This document covers the site architecture, page-level content strategy, and the visual direction needed to bridge organic aesthetics with professional landscaping services.
Website Strategy and Specifications
1. Sitemap and Navigation
| Page | Purpose | Primary CTA | Key Content Blocks |
|---|---|---|---|
| Home | High-level value prop | Book Consultation | Hero, Service Summary, Social Proof, Gallery Teaser |
| Services | Detailed offerings | View Pricing/Book | Native Planting, Hardscaping, Maintenance, FAQs |
| Portfolio | Visual proof | Get a Quote | Filterable Gallery, Before/After, Client Stories |
| Philosophy | Trust/Education | Learn More | Sustainability, Native Species Info, Process |
| Contact/Book | Lead generation | Submit Request | Booking Form, Service Area Map, Contact Info |
2. Brand Direction
Visual Tone: Earthy, professional, and structured. Avoids "messy" organic vibes in favor of clean, curated natural beauty.
- Primary Palette: Leaf Green (#2D5A27), Slate Gray (#4A4A4A), Cream (#FDFBF7).
- Typography: Serif headings (e.g., Lora) for authority; Sans-serif body (e.g., Inter) for readability.
- Imagery: High-resolution close-ups of native flora mixed with wide-angle "completed project" shots.
3. Functional Requirements
- Booking System: Integration with Calendly or a custom lead form with date selection.
- Gallery: Lightbox functionality with categories (Native, Modern, Minimalist).
- SEO: Target local keywords like "organic landscaping [City Name]" and "native garden design."
4. Phased Implementation
- Phase 1: Home, Services, and Contact form for immediate lead capture.
- Phase 2: Full Portfolio gallery and Philosophy page.
- Phase 3: Native plant database/blog for long-term SEO.
Next steps
- Confirm the primary color palette and typography choices.
- Provide specific service descriptions and pricing tiers for the Services page.
- Upload high-resolution project images to populate the Portfolio section.
Connects securely to your tools. The creator never sees your data.
About this skill
Building a website often stalls at the planning stage because stakeholders lack a clear blueprint for content, design, and technical requirements. This skill functions as a strategic architect, converting high-level business goals into implementation-ready documentation that developers and designers can actually use.
What it does
- Information architecture creates hierarchical sitemaps with defined page purposes and user journeys.
- Content strategy generates page-by-page guides detailing section order, messaging direction, and calls to action.
- Brand specification defines visual personality, color palettes, typography hierarchy, and UI component styling.
- Functional scoping identifies requirements for forms, ecommerce flows, integrations, and CMS needs.
- Technical planning outlines SEO foundations, accessibility considerations, and responsive behavior.
- Phased roadmapping breaks the project into essential launch tasks and secondary enhancements.
How it works
- Briefing involves analyzing your business model, target audience, and primary conversion goals.
- Structural Design produces the sitemap and navigation logic based on user intent.
- Specification details the visual direction, content requirements, and technical features for every page.
- Review flags gaps in the plan, such as missing assets or accessibility risks, before handoff.
Frameworks & tools
The skill is platform-agnostic, providing specifications suitable for React/Next.js, Tailwind CSS, Shopify, Webflow, or traditional CMS environments.
Why this beats prompting it yourself
Generic prompts often result in vague suggestions or incomplete page lists. This skill follows a rigorous discovery-to-handoff workflow, ensuring technical requirements, brand consistency, and SEO are integrated into a single cohesive document rather than treated as afterthoughts.
Use cases
- Drafting a comprehensive sitemap and content guide for a new SaaS landing page.
- Creating a technical and visual specification for a multi-page ecommerce redesign.
- Planning a phased rollout for a professional services site with booking integrations.
- Auditing a site plan for accessibility gaps and conversion path friction.
Known limitations
Does not generate functional code, live URLs, or design files like Figma or Sketch. Requires manual input for specific business facts to avoid assumptions.
Does not produce code, design files, or published sites. Requires specific business inputs to avoid generic assumptions. Does not perform live SEO or market research.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 26 days ago
- Software
Python
Permissions
No special permissions declared or detected