wei/socialify

Latest recorded source activity: January 13, 2026 at 05:26

SkillsMP catalog refreshed: November 2, 2026 at 18:02

skills collected: 3

GitHub stars: 2,222
GitHub forks: 123

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/wei/socialify.

Repository README

Repository README source: README.md

Read the source README

Expand full README

[![GitHub Socialify][socialify-image]][socialify-edit-link] Want your project to stand out? **Socialify** helps you showcase your project to the world by generating a beautiful project image like the one above! It includes a ton of options including custom logo, description, badges, and many fonts and background patterns to choose from. Join [![thousands of repositories](https://socialify.dev/api/stats.svg)](https://github.com/search?o=desc&q=%22socialify.dev%22&s=indexed&type=Code) today! ## Usage **Project site**: https://socialify.dev ### Social Image as a Service Click on the image to use the link anywhere, the image will be programmatically generated with live data. This means the badges will automatically update. **Recommended for `README` files or `img` tags.** ### Image Download You can download the image as a `.png`, `.jpeg` or `.webp` and use it anywhere in the world! **Recommended for GitHub repository [social preview image](https://docs.github.com/en/free-pro-team@latest/github/administering-a-repository/customizing-your-repositorys-social-media-preview)** and other sites that require image upload. ### CLI You can use the CLI tool [mheap/github-social-image](https://github.com/mheap/github-social-image) to upload social images to all your repos at once. ## Examples <p align="center"> <a href="https://socialify.dev/OpenHands/OpenHands?description=1&font=Bitter&forks=1&issues=1&language=1&logo=https%3A%2F%2Fraw.githubusercontent.com%2Flobehub%2Flobe-icons%2Frefs%2Fheads%2Fmaster%2Fpackages%2Fstatic-png%2Fdark%2Fopenhands-color.png&owner=0&pattern=Circuit%20Board&pulls=1&stargazers=1&theme=Light"> <img width="410" alt="OpenHands Example" src="https://socialify.dev/OpenHands/OpenHands/image?description=1&font=Bitter&forks=1&issues=1&language=1&logo=https%3A%2F%2Fraw.githubusercontent.com%2Flobehub%2Flobe-icons%2Frefs%2Fheads%2Fmaster%2Fpackages%2Fstatic-png%2Fdark%2Fopenhands-color.png&owner=0&pattern=Circuit%20Board&pulls=1&stargazers=1&theme=Light" /> </a> <a href="https://socialify.dev/mattpocock/skills?description=1&font=Inter&forks=1&issues=1&language=1&owner=1&pattern=Diagonal%20Stripes&pulls=1&stargazers=1&theme=Dark"> <img width="410" alt="Skills Example" src="https://socialify.dev/mattpocock/skills/image?description=1&font=Inter&forks=1&issues=1&language=1&owner=1&pattern=Diagonal%20Stripes&pulls=1&stargazers=1&theme=Dark" /> </a> <a href="https://socialify.dev/modfy/videotranscode.space?description=1&forks=1&issues=1&language=1&logo=https%3A%2F%2Fuser-images.githubusercontent.com%2F5880908%2F199906693-240ebfdf-5981-4018-a5ce-3dacd3a44536.png&pattern=Plus&pulls=1&stargazers=1&theme=Dark"> <img width="410" alt="Modfy Example" src="https://socialify.dev/modfy/videotranscode.space/image?description=1&forks=1&issues=1&language=1&logo=https%3A%2F%2Fuser-images.githubusercontent.com%2F5880908%2F199906693-240ebfdf-5981-4018-a5ce-3dacd3a44536.png&pattern=Plus&pulls=1&stargazers=1&theme=Dark" /> </a> <a href="https://socialify.dev/wei/pull?description=1&font=Source%20Code%20Pro&forks=1&language=1&logo=https%3A%2F%2Fgist.githack.com%2Fwei%2F40d98877c6ac5f917d78ccfe72a0f928%2Fraw%2Fpull-18h.svg&pattern=Floating%20Cogs&stargazers=1&owner=1&theme=Light"> <img width="410" alt="Pull Example" src="https://socialify.dev/wei/pull/image?description=1&font=Source%20Code%20Pro&forks=1&language=1&logo=https%3A%2F%2Fgist.githack.com%2Fwei%2F40d98877c6ac5f917d78ccfe72a0f928%2Fraw%2Fpull-18h.svg&pattern=Floating%20Cogs&stargazers=1&owner=1&theme=Light" /> </a> <a href="https://socialify.dev/traefik/traefik?description=1&font=Rokkitt&forks=1&logo=https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FCcZdW37UcAA9DZz%3Fformat%3Dpng%26name%3Dsmall&owner=0&pattern=Signal&pulls=1&stargazers=1&owner=1&theme=Light"> <img width="410" alt="Traefik Example" src="https://socialify.dev/traefik/traefik/image?description=1&font=Rokkitt&forks=1&logo=https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FCcZdW37UcAA9DZz%3Fformat%3Dpng%26name%3Dsmall&owner=0&pattern=Signal&pulls=1&stargazers=1&owner=1&theme=Light" /> </a> <a href="https://socialify.dev/facebook/react?description=1&font=Bitter&language=0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI%2BCiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8%2BCiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8%2BCiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8%2BCiAgPC9nPgo8L3N2Zz4K&owner=0&pattern=Formal%20Invitation&pulls=1&stargazers=1&theme=Dark"> <img width="410" alt="React Example" src="https://socialify.dev/facebook/react/image?description=1&font=Bitter&language=0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI%2BCiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8%2BCiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8%2BCiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8%2BCiAgPC9nPgo8L3N2Zz4K&owner=0&pattern=Formal%20Invitation&pulls=1&stargazers=1&theme=Dark" /> </a> </p> ## Self-Hosting ### Docker ```bash # Using docker-compose docker-compose up -d # Or using docker directly docker build -t socialify . docker run -p 3000:3000 --env-file .env socialify ``` See [.env.example](./.env.example) for required environment variables. ## Contributing We welcome contributions! Please see our [Contributing Guide](./CONTRIBUTING.md) to get started. By participating, you agree to our [Code of Conduct](./CODE_OF_CONDUCT.md). ## Authors - [@CryogenicPlanet](https://github.com/CryogenicPlanet) - [@wei](https://github.com/wei) _Part of [@MLH-Fellowship](https://github.com/MLH-Fellowship) Pod 1.0.6_ ## Community These are the heroes who continue to make Socialify the best social preview generator for the community. <a href="https://github.com/wei/socialify/graphs/contributors"> <img src="https://contrib.rocks/image?repo=wei/socialify" /> </a> ## License - [MIT](https://wei.mit-license.org) ## Hosting <a href="https://www.netlify.com"> <img width="114" height="50" alt="Deploys by Netlify" src="https://www.netlify.com/v3/img/components/netlify-dark.svg" /> </a> ### SLA Socialify is under active development. Design and project domain are subject to change without notice. Please subscribe to [#47](https://github.com/wei/socialify/issues/47) if you would like to receive service updates. Consider downloading the images or self-hosting should this be a problem. ## Privacy Socialify does not collect any personal or identifiable information, we do not use cookies, do not collect emails or anything. Socialify uses Google Analytics on web pages to understand overall usage. Generated image links do not have any tracking. [socialify-image]: https://socialify.dev/wei/socialify/image?description=1&font=Raleway&issues=1&language=1&pattern=Charlie%20Brown&pulls=1&stargazers=1&theme=Light [socialify-edit-link]: https://socialify.dev/wei/socialify?description=1&font=Raleway&issues=1&language=1&pattern=Charlie%20Brown&pulls=1&stargazers=1&theme=Light

Loading the repository README…

Skills in this repository

Software Developers Web Developers

2 occupation categories · 100% classified

skill

occupation

description

updated

add-icon

Software Developers

Add or update supported language, framework, library, tool, or platform icons in Socialify. Use when a request involves adding a new icon/logo, mapping a display name to a Simple Icons entry or a custom icon, and updating the language options list used in the…

2026-01-13

frontend-design

Web Developers

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components,…

2025-12-31

upgrade-simple-icons

Software Developers

Upgrade simple-icons to the latest version and preserve any removed icons by sourcing them from the previous version into common/icons/customIcons.ts and updating icon mappings. Use whenever bumping or upgrading simple-icons in this repo.

2025-12-31

Showing 3 of 3 collected skills.