wei/socialify

最近记录的来源活动: 2026年1月13日 05:26

SkillsMP 收录数据更新: 2026年11月2日 18:02

已收集 skills: 3

GitHub 星标: 2,222
GitHub Forks: 123

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

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

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 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

正在加载仓库 README…

这个仓库中的 skills

软件开发工程师网页开发工程师

2 个职业分类 · 已分类 100%

skill

职业分类

描述

更新

add-icon

软件开发工程师

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

网页开发工程师

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

软件开发工程师

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

已展示 3 / 3 个已收集 Skill。