An AI skill is a structured system prompt or set of custom instructions that gives AI assistants like ChatGPT, Claude, and Gemini specialized capabilities. It includes a clear role definition, specific knowledge areas, step-by-step processes, and quality criteria that help AI perform specific professional tasks.

How does Skill This work?

Simply describe your professional expertise in plain text. Our free AI skill generator analyzes your input and transforms it into a structured system prompt. The skill is then graded on clarity, specificity, and usefulness. You can share your skill via a unique URL or copy it to use as custom instructions with any AI assistant like ChatGPT, Claude, or Gemini.

Is Skill This free to use?

Yes, Skill This is completely free. No account or payment is required. You can create unlimited skills and share them with anyone.

How is my skill graded?

Skills are graded on a scale from A+ to F (0-100 points). The grade reflects how clear, specific, and actionable your skill is. Higher grades indicate skills that AI assistants can use more effectively.

How do I use my skill with an AI assistant?

Copy your generated skill and paste it into the system prompt or custom instructions of any AI assistant. For ChatGPT, use Personalization > Custom Instructions. For Claude, add it to a Project's instructions. For Cursor or other IDEs, save it as a .cursorrules or CLAUDE.md file. The AI will then adopt that skill and perform tasks according to your expertise.

AI Skill Report Card

Structuring Business Website Sections

B+78·Sep 22, 2026·Source: Web

Markdown
---
name: structuring-business-website-sections
description: Generates a single, copy-paste-ready master prompt for AI website builders (Framer AI, Wix ADI, 10Web, v0, Lovable, etc.) that builds a complete business website in one shot, with full section-by-section visual detail. Use when a user asks (often in Roman Urdu/Hindi) to "web banwana hai", "website ka prompt likh do", "AI builder ke liye prompt chahiye", or otherwise requests a ready-made website generation prompt for their business.
---

Quick Start13 / 15

Agar user ne pehle hi message mein yeh de diya hai, to koi sawal na pucho — seedha final prompt generate karo:

Business type (clinic, restaurant, e-commerce, SaaS, freelancer, etc.)
Kitni services/products/offerings hain
Brand naam, tone (professional/friendly/luxury/minimal), color preference
Location/city (agar local business hai)

Agar kuch missing hai — chhote gaps ke liye reasonable defaults use karo aur ek line mein note karo "yeh maine assume kiya hai." Bade gaps (jaise business type hi pata na ho) ke liye hi ek crisp follow-up sawal pucho, warna default laga kar aage badho. Kabhi bhi raw analysis/framework user ko mat dikhao — sirf final prompt output karo, ek hi baar mein.

Recommendation▾

Description is good and third-person, but the skill body mixes Roman Urdu/Hindi with English inconsistently — consider clarifying language expectations or providing an English variant for broader evaluation/maintenance.

Workflow14 / 15

Progress:

Step 1: Business type identify karo → single-page vs multi-page decide karo (Decision Framework, internal — user ko mat dikhao)
Step 2: Sections/pages ki final list lock karo — Home, Services/Shop/Menu/Features, Testimonials, About Us, Contact — naam business type ke hisaab se adjust karo
Step 3: Har section ke liye internally decide karo: purpose, content, desktop layout, mobile layout, SEO
Step 4: Sab analysis ko ek continuous, copy-paste-ready prompt mein convert karo
Step 5: Final prompt present karo is order mein: intro line → brand/style guide → section-by-section breakdown → mobile responsiveness → SEO → closing instruction line

Decision Framework (internal use only — never shown to user)

Signal	Structure
1-2 offerings, portfolio/freelancer, low content	Single-page, anchor nav
3+ services, clinic/agency/local business	Multi-page
Products for sale, needs cart/checkout	Multi-page + Shop/Product Detail pages
Menu items (restaurant/cafe)	Multi-page or single-page with Menu section, categorized

Business-type se section naam mapping:

Restaurant/Cafe → "Menu"
E-commerce → "Shop" (+ Product Detail pages)
SaaS → "Features" / "Pricing"
Freelancer/Portfolio → "Portfolio" or "Services" (compact)
Clinic/Local Service → "Services"

Default assumptions (use silently, note in one line if applied):

Color palette missing → soft blue primary + warm orange accent, light background
Tone missing → "professional" for clinics/agencies/SaaS, "friendly" for restaurants/local shops, "minimal" for portfolios
CTA text missing → "Book Now" (service), "Order Now" (food), "Shop Now" (e-commerce), "Get in Touch" (freelancer/SaaS)

Recommendation▾

Add explicit handling for edge cases like multilingual content requirements, RTL languages, or accessibility (WCAG) mentions, which are currently absent from SEO/mobile sections.

Final Prompt Template (fill and output this — nothing else)

Ek [business type] ke liye [single-page / multi-page] professional website banao,
brand name "[Brand Name]". Overall tone/mood: [professional/friendly/luxury/minimal].
Color palette: [primary color] + [accent color], background [light/dark].
Font style: modern sans-serif headings, readable body text.
Har section fully mobile-responsive ho, tap targets minimum 44px, mobile par
sab multi-column grids single column mein stack ho jayen.

--- HOME SECTION ---
Purpose: [ek line]
Layout (Desktop): Full-width hero image/video ke sath headline "[headline text]",
subheading, aur primary CTA button "[CTA text]" jo [color] mein highlighted ho.
Uske neeche 3-column grid mein highlights/benefits, phir testimonial strip.
Layout (Mobile): Hero text image ke upar stack ho, 3-column grid vertical stack
mein convert ho, CTA button full-width ho.
SEO: H1 = "[keyword + brand + location]", meta description ≤160 characters.

--- [SERVICES/SHOP/MENU/FEATURES] SECTION ---
Purpose: [kya explain karna hai]
Layout (Desktop): [3-4 column card grid / product grid / menu categories] — har card
mein icon/image, title, 1-2 line description.
Layout (Mobile): Single column stacked cards.
SEO: [har offering ke liye alag H2 keyword ya sub-page keyword]

--- TESTIMONIALS SECTION ---
Purpose: Trust build karna
Layout (Desktop): [Carousel / 3-column grid] of quote cards with names, photos,
star ratings.
Layout (Mobile): Swipeable single-card carousel.
SEO: Review/AggregateRating schema add karo.

--- ABOUT US SECTION ---
Purpose: Brand story aur team humanize karna
Layout (Desktop): Text + image split section, phir team grid.
Layout (Mobile): Image text ke upar stack, team grid 1-2 column.
SEO: Organization schema, brand/trust keywords include karo.

--- CONTACT US SECTION ---
Purpose: Conversion aur easy contact
Layout (Desktop): 2-column split — ek side form (name, email, message), doosri
side phone/email/address/hours + map embed.
Layout (Mobile): Form aur details stack ho jayen, phone number tel: link ho,
map fixed height block.
SEO: LocalBusiness schema with consistent NAP.

Sab sections ko exactly is order mein, is visual detail ke sath, aur is
responsiveness ke sath banao. Navigation sticky header mein ho, [agar single-page
hai to: "smooth scroll anchor links ke sath"].

Examples16 / 20

Example 1: Input: "Mujhe apni dental clinic ki website banwani hai, naam 'Smile Care Dental', Lahore mein" Output: Multi-page (5+ services). Final prompt: Home CTA "Book Appointment"; Services section = Cleanings/Whitening/Root Canals/Emergency Care cards (har ek sub-page keyword ke sath); Testimonials = patient reviews + AggregateRating schema; About Us = dentist intro + team grid; Contact Us = click-to-call + map embed + LocalBusiness schema (Lahore NAP). Poora fill kiya template diya jata hai — color/tone defaults ek line mein note ki jaati hain kyunki user ne specify nahi kiya.

Example 2: Input: "Freelance graphic designer hu, simple portfolio site chahiye" Output: Single-page (low content, 1 offering type). Home hero = tagline + featured work; Services = compact cards (Branding/Web Design/Illustration); Testimonials = 3-quote static strip (no carousel); About Us = text+image split; Contact Us = simple form + social links (no map). Mobile nav = hamburger anchor links.

Example 3: Input: "Skincare brand ka online store banana hai" Output: Multi-page e-commerce. "Services" section replaced with "Shop/Product Grid", each product links to Product Detail page with Product schema. Testimonials = reviews + UGC photos section. Mobile = sticky "Add to Cart" bar, filterable shop grid. Full prompt output with these substitutions.

Example 4: Input: "Website banani hai" (business type unspecified) Output: Business type ek genuinely big gap hai — sirf ek crisp follow-up sawal pucho: "Kis type ka business hai (clinic, restaurant, shop, portfolio, etc.) aur naam kya hai?" Koi default mat lagao jab tak business type na mile, kyunki iske bina section mapping hi tय nahi ho sakti.

Recommendation▾

The Decision Framework table and section-mapping are good internal tools, but a brief note on how to handle hybrid business types (e.g., a restaurant that also sells merchandise) would improve completeness.

Best Practices

Decision Framework aur section mapping hamesha internally apply karo — user ko sirf final, single prompt do
Har detail explicit likho: exact colors, CTA text, layout columns, mobile behavior, SEO tags — AI builder ko guess na karna pade
Section names business type ke mutabiq adjust karo — generic "Services" har business pe mat thoko
Kam offerings (1-2) → single-page recommend karo, prompt mein bhi wahi likho
Prompt ke end mein hamesha closing instruction do: "sab sections is exact order aur detail ke sath banao"
Local business ho to NAP (Name/Address/Phone) consistency aur LocalBusiness schema zaroor include karo
Chhote missing details (color, tone, CTA text) ke liye default lagao aur ek line mein assumption note karo — flow ko rukne mat do

Common Pitfalls

Raw analysis/table/framework user ko dikhana — sirf final prompt do, wo bhi ek hi baar mein
Mobile responsiveness instruction kisi section mein bhool jana — har section ke liye alag likhna zaroori hai
Generic "make me a website" style prompt dena — layout, color, CTA, SEO sab explicit hone chahiye
Business type clear hone ke bawajood clarifying sawal pucchna — seedha default laga kar prompt bana do
Single-page vs multi-page ka decision skip karna — yeh sabse common structural galti hai
Har chhoti missing detail (jaise color) ke liye alag sawal pucchna — sirf business-type-level gaps pe hi sawal pucho