From godmode
Use when building ANY website, web app, landing page, or web-based UI - searches real template marketplaces for professionally designed layouts in the user's industry or niche, then extracts layout structure, color palettes, typography choices, and section sequences as the design blueprint instead of generating from assumptions
npx claudepluginhub noobygains/godmode --plugin godmodeThis skill uses the workspace's default tool permissions.
Professional website templates represent thousands of hours of UX testing, conversion optimization, and iterative design refinement. Leverage them as your blueprint instead of inventing layouts from nothing.
Guides landing page and marketing website design via 5-phase process: discovery questions, written brief, layouts for conversion-focused web presences.
Designs award-winning web UIs with intentional mood, palette, typography, layout, and purposeful motion to escape generic AI aesthetics. Invoke for creative or designer-quality requests.
Guides design of template aggregation (gallery/hub) and detail pages for programmatic SEO strategies and user-facing template marketplaces in CMS, design tools, website builders, and vibe coding.
Share bugs, ideas, or general feedback.
Professional website templates represent thousands of hours of UX testing, conversion optimization, and iterative design refinement. Leverage them as your blueprint instead of inventing layouts from nothing.
Core principle: Before designing any website, find the strongest existing templates in the target niche. Extract their patterns. Build on proven foundations, not guesswork.
No exceptions. No workarounds. No shortcuts.
NO WEBSITE LAYOUT WITHOUT TEMPLATE RESEARCH FIRST
If you have not surveyed template marketplaces for the user's industry or niche, you are discarding thousands of hours of professional design effort. A fitness studio website should echo the best fitness templates, not resemble a generic AI-generated page.
Mandatory when:
BEFORE designing any website layout:
1. CLASSIFY: What industry or niche does this serve? (fitness, legal, SaaS, etc.)
2. SURVEY: Search template marketplaces in that niche across multiple sources
3. ANALYZE: Study the top 3-5 templates - their sections, layout, colors, typography
4. EXTRACT: Identify the common patterns (what do ALL strong templates in this niche share?)
5. PRESENT: Show the user your references and recommended blueprint
6. ADAPT: Build using those patterns, tailored to the user's brand
7. ONLY THEN: Write the code
Omit any step = generic AI website indistinguishable from every other AI website
Determine: "What category of website is this?" Map to marketplace search terms:
| User Description | Search Category | Best Sources |
|---|---|---|
| Gym, trainer, fitness | Fitness/Sports | Qode Interactive, ThemeForest |
| Restaurant, cafe, bakery | Food & Drink | Qode Interactive (110+ themes), ThemeForest |
| Law firm, attorney | Legal/Professional | ThemeForest, TemplateMonster |
| Medical practice, clinic | Healthcare | ThemeForest, TemplateMonster |
| Property listings, agency | Real Estate | ThemeForest, Webflow |
| Online store, boutique | E-commerce | Shopify Theme Store, ThemeForest |
| Portfolio, creative agency | Creative | Framer, Webflow, Squarespace |
| SaaS product, startup | Technology/SaaS | Cruip, Tailwind Plus, Framer |
| Blog, online magazine | Publishing | WordPress ecosystem, Ghost |
| Admin panel, internal tool | Dashboard/Admin | Creative Tim, AdminLTE, CoreUI |
| Wedding planner, events | Events | Qode Interactive, ThemeForest |
| Hotel, travel agency | Hospitality | Qode Interactive, ThemeForest |
| Construction, industrial | Building/Industrial | ThemeForest (1000+ options) |
| Spa, salon, wellness | Beauty/Wellness | Qode Interactive, ThemeForest |
| Online courses, university | Education | ThemeForest, TemplateMonster |
| Nonprofit, charity | Cause/Nonprofit | HubSpot, ThemeForest |
| Financial services, consulting | Business | ThemeForest, TemplateMonster |
Search in priority order (stop when you have 5+ quality results):
Tier 1 -- Premium curated templates:
Tier 2 -- Framework-specific templates:
Tier 3 -- Free templates:
Tier 4 -- Design inspiration (reference only, no code):
For each template discovered, document:
Template: [name]
Source: [marketplace]
URL: [demo link]
Popularity: [stars/sales/rating]
Price: [cost]
Section Sequence (top to bottom):
1. [Hero type] -- e.g., "Full-bleed image with text overlay + call-to-action"
2. [Section 2] -- e.g., "Service grid (3 columns with icons)"
3. [Section 3] -- e.g., "About block with side-by-side image and text"
4. [Section N]...
Color Palette:
- Primary: [hex]
- Secondary: [hex]
- Background: [hex]
- Body text: [hex]
Typography:
- Headings: [font family, weight]
- Body: [font family, weight]
Layout Approach: [full-width / boxed / asymmetric]
Navigation: [fixed top / sidebar / hamburger]
Footer: [multi-column / minimal / mega-footer]
After examining 3-5 templates in the niche, synthesize:
SHARED PATTERNS (what ALL strong templates in this niche include):
Sections every [niche] website features:
1. [section] -- [why it is effective]
2. [section] -- [why it is effective]
...
Color tendencies: [dark/light, warm/cool, industry norms]
Typography: [serif/sans-serif, bold/light, industry norms]
Layout: [common structural approaches in this niche]
Distinctive elements: [what differentiates this niche from generic sites]
Present discoveries as labeled options with clickable demo links. Mark the recommendation with a star.
I surveyed [niche] website templates across [N] marketplaces. Here are the strongest candidates:
**A)** [Template Name] — [rating], [sales/downloads]
Demo: [clickable URL]
Strengths: [what makes it excellent]
Palette: [primary color approach] · Typography: [font approach]
**B)** [Template Name] — [rating], [sales/downloads]
Demo: [clickable URL]
Strengths: [what makes it excellent]
Palette: [primary color approach] · Typography: [font approach]
**C)** [Template Name] — [rating], [sales/downloads]
Demo: [clickable URL]
Strengths: [what makes it excellent]
Palette: [primary color approach] · Typography: [font approach]
**D) Hybrid blueprint** — Cherry-picked from all three ⭐ Recommended
Sections: [synthesized section sequence from the strongest elements of A, B, C]
Palette: [synthesized]
Typography: [synthesized]
Why: Combines [specific strength from A], [specific strength from B], [specific strength from C]
**Recurring patterns across all [niche] templates:**
- Every site includes: [section list]
- Color convention: [pattern]
- Typography: [pattern]
Check out the demos and pick A, B, C, or D.
YoloMode exception: Reference and template selection is ALWAYS interactive — even in YoloMode, present the options and let the user pick. These choices are too impactful to auto-select.
The strongest results come from combining the best elements across multiple templates:
Example: Building a Yoga Studio website
Template 1 (ThemeForest "ZenFlow", rating 4.8):
-> Extract: Hero with serene background video + class booking CTA
-> Extract: Class timetable with category filtering
Template 2 (Qode Interactive "AsanaStudio", rating 4.9):
-> Extract: Instructor profile cards with hover credential display
-> Extract: Wellness blog section with category navigation
Template 3 (Webflow "MindBody"):
-> Extract: Membership tier comparison with highlighted recommendation
-> Extract: Student testimonials carousel with portrait photos
Result: A yoga studio site that fuses the strongest elements from 3 premium templates,
each designed by professional UX teams with domain expertise.
Hero -> Programs/Services -> Trainer Biography -> Class Timetable -> Transformations/Results -> Testimonials -> Membership Pricing -> Contact/Booking
Hero (food photography) -> Signature Dishes -> Story/Heritage -> Full Menu -> Chef/Team -> Gallery -> Reviews -> Reservation -> Location/Hours
Hero (product screenshot) -> Social Proof (client logos) -> Core Features (3-4) -> How It Works -> Pricing Tiers -> Testimonials -> FAQ -> Final CTA
Hero (trust-focused) -> Practice Areas -> Attorney Profiles -> Case Outcomes -> Client Testimonials -> Resources/Blog -> Contact/Consultation
Hero (featured product or promotion) -> Categories -> Featured Products -> Best Sellers -> Brand Story -> Customer Reviews -> Newsletter -> Trust Signals
Hero (bold statement) -> Selected Work (case studies) -> Service Offerings -> Process Methodology -> Team -> Client Logos -> Contact
| Rationalization | Truth |
|---|---|
| "I can design this myself" | Professional templates encode 1000+ hours of UX research. You have 5 minutes. |
| "Templates produce cookie-cutter results" | Synthesizing the best parts from multiple templates yields something unique. |
| "I do not need a reference for a basic site" | Basic sites benefit MOST from proven layouts. Simple does not mean obvious. |
| "I will look at templates afterward for ideas" | Research FIRST. Early design decisions are the hardest to change later. |
| "The user did not request template research" | They requested a quality website. Template research IS how you deliver one. |
| "Free templates are low quality" | HTML5 UP and Start Bootstrap offer elegant, well-structured free templates. |
Prohibited actions:
Required actions:
Invoked during:
Complementary skills: