SkillAgentSearch skills...

Linkedinpreview.com

A free online tool to write, format, and preview your LinkedIn posts before publishing them. Add bold, italic, and emoji to your LinkedIn posts, and see how they will look on desktop and mobile.

Install / Use

/learn @gatteo/Linkedinpreview.com
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<p align="center"> <img alt="Tool Preview" src="https://linkedinpreview.com/images/og/og.png"> </p> <h1 align="center"> LinkedIn Post Preview </h1>

A free, open-source tool to write, format, and preview LinkedIn posts before publishing. Add bold, italic, underline, strikethrough, lists, and images to your posts and see exactly how they look on desktop, tablet, and mobile.

Tool Features

  • Preview LinkedIn Post on Mobile Devices
  • Preview LinkedIn Post on Tabet Devices
  • Preview LinkedIn Post on Desktop Devices
  • Bold Text Formatting
  • Strikethrough Text Formatting
  • Underline Text Formatting
  • Italic Text Formatting
  • Bullet Point List
  • Numbered List

💫 Tech Stack & Features

  • ⚡️ Next.js 16 with App Router (Turbo)
  • 📝 MDX & ContentLayer - for blog posts
  • 🎨 Tailwind CSS - for styling
  • 🌈 shadcn/ui & Radix UI - UI components
  • 🛡 Strict TypeScript and ESLint configuration
  • 📱 Responsive design
  • 🌗 Light / Dark mode
  • 📈 SEO optimized with meta tags and JSON-LD
  • 📰 RSS feed
  • 🗺 Sitemap
  • 🤖 llms.txt - AI-friendly content discovery
  • 📊 Google Analytics
  • 📖 Table of contents for blog posts
  • 📷 Image zoom - zoom in on images in blog posts
  • 📝 Code syntax highlighting - using Shiki
  • 🎨 Animation - using Framer Motion
  • 🏠 LightHouse score of nearly 100
  • 💄 Prettier - code formatting
  • 👷🏻‍♂️ t3-env - validate environment variables before building

🔨 Requirements

  • Node, recommended 20.x
  • pnpm, recommended 8.14.0

👋 Getting Started

Follow these steps to run the project locally on your machine:

git clone https://github.com/gatteo/linkedinpreview.com.git
cd linkedinpreview.com
pnpm install

To run the app:

pnpm dev

The app will be available at localhost:3000.

📜 Documentation

See the docs/ folder for detailed documentation:

  • ARCHITECTURE.md - System architecture, tech decisions, and build pipeline
  • FEATURES.md - Detailed feature descriptions and user flows

Author

@gatteo

🪪 License

This project is open source and available under the MIT License.

<hr> <p align="center"> Made with ❤️ in Turin, Italy </p>

Related Skills

View on GitHub
GitHub Stars46
CategoryDevelopment
Updated3d ago
Forks13

Languages

MDX

Security Score

95/100

Audited on Apr 5, 2026

No findings