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

Designing B2B Social Visuals

B+78·Feb 26, 2026·Source: Web

B2B Social Visual Design System

Quick Start14 / 15

Create a master Figma file with these artboards:

LinkedIn Post: 1200×628px
LinkedIn Square: 1080×1080px
Instagram Square: 1080×1080px
Instagram Story: 1080×1920px
Twitter/X Header: 1200×675px

Set up components for: brand colors, typography scale, logo variants, and icon library.

Recommendation▾

Consolidate the multiple workflow sections (Platform Setup, Master Template System, etc.) into a single numbered workflow to avoid confusion

Workflow14 / 15

Progress:

Set up platform artboards with safe zones
Create 3-5 master template types
Build modular component library
Generate 20+ template variants
Set up content calendar visual framework
Implement performance tracking system

1. Platform Setup

Safe Zones:

LinkedIn: 100px margin from edges
Instagram: 80px margin (square), 120px top/bottom (story)
Twitter/X: 100px margin from edges

Typography Hierarchy:

H1: 32-40px (headlines)
H2: 24-28px (subheads)
Body: 16-20px (readable at thumbnail)
Caption: 12-14px (sources, handles)

2. Master Template System

Template A: Data/Stat Cards

Large number (80-120px)
Supporting context
Source attribution
Brand accent color

Template B: Quote Cards

Quote text (24-32px)
Attribution line
Brand photo/avatar
Background pattern/texture

Template C: Product Demos

Product screenshot/mockup
Feature callout
Benefit statement
CTA element

Template D: Event Promotions

Event title/date
Key speaker/topic
Registration CTA
Event branding

Template E: Thought Leadership

Professional headshot
Key insight/tip
Industry context
Company branding

3. Component Library Structure

📁 Brand Elements
  └── Colors (primary, secondary, neutral palette)
  └── Logos (horizontal, stacked, icon versions)
  └── Typography (text styles for each hierarchy)

📁 Layout Components
  └── Backgrounds (solid, gradient, pattern options)
  └── Frames (borders, dividers, accent bars)
  └── CTAs (buttons, badges, arrows)

📁 Content Elements
  └── Icons (industry-specific set of 20-30)
  └── Charts (bar, pie, line graph templates)
  └── Photo frames (consistent masking shapes)

4. Template Variants Generation

From 5 masters, create variants by:

Swapping color schemes (3 brand palettes)
Rotating layout orientations
Adjusting typography weights
Changing background treatments
Modifying accent elements

Target: 4-5 variants per master = 20-25 total templates

Recommendation▾

Replace abstract template descriptions with actual concrete input/output examples showing the visual transformation

Examples15 / 20

Example 1: Data Card Template Input: "87% of B2B buyers research online before contacting sales" Output: Large "87%" in brand blue, "of B2B buyers research online first" in smaller text, source citation, company logo bottom right

Example 2: Quote Card Variant Input: CEO quote about industry trends Output: Quote in quotation marks, CEO headshot left side, company name/title below, branded background pattern

Example 3: Product Demo Post Input: New dashboard feature Output: Clean screenshot with callout bubble highlighting feature, benefit statement overlay, "Learn More" CTA button

Recommendation▾

Reduce the content calendar and performance tracking sections - they're valuable but make the skill less concise and focused on the core design task

Content Calendar Visual Planning

Weekly Rhythm:

Monday: Industry insight/thought leadership
Tuesday: Product/service highlight
Wednesday: Data/statistic post
Thursday: Behind-the-scenes/culture
Friday: Week recap/upcoming events

Monthly Themes:

Week 1: Industry trends
Week 2: Product focus
Week 3: Client success stories
Week 4: Company thought leadership

Visual Consistency Rules:

Maintain 70% brand colors, 30% seasonal/campaign accents
Use same filter/photo treatment across month
Rotate between 3 template families weekly

Performance-Based Design Iteration

Track These Metrics:

Engagement rate by template type
Click-through rate by CTA style
Save/share rate by content format
Comment rate by visual style

A/B Testing Framework: Test weekly:

Color psychology (warm vs cool backgrounds)
Typography weight (bold vs regular headlines)
Layout density (minimal vs information-rich)
CTA placement (bottom right vs center)

Optimization Cycle:

Run template for 2 weeks
Analyze performance data
Identify top 3 performing elements
Create new variants emphasizing those elements
Retire bottom 20% of templates
Introduce 2-3 new experimental templates monthly

Non-Designer Execution System

Figma Setup for Handoff:

Create "PRODUCTION TEMPLATES" page
Add instruction text layers for each template
Use component properties for easy text swapping
Set up color/image swap tokens
Create export presets for each platform

Instruction Format per Template:

TEMPLATE: Data Card - LinkedIn
1. Double-click main number → replace with your stat
2. Double-click description → add context
3. Right panel → swap brand color if needed
4. Replace source text at bottom
5. Export → LinkedIn Post preset

Best Practices

Design for mobile-first viewing (80% of social consumption)
Maintain 60-40 text-to-visual ratio for accessibility
Use consistent visual hierarchy across all templates
Include brand elements without overwhelming content
Test readability at actual platform thumbnail sizes
Keep file organized with clear naming conventions
Version control: save monthly template archive

Common Pitfalls

Don't create templates too complex for non-designers to modify
Avoid platform-specific elements in cross-platform templates
Don't ignore platform algorithm preferences (LinkedIn favors document carousels)
Avoid text smaller than 16px for mobile readability
Don't use more than 3 fonts across entire system
Avoid templates requiring custom photo cropping skills
Don't forget to account for profile picture overlap on organic posts