wei/socialify

최근 기록된 소스 활동: 2026년 1월 13일 05:26

SkillsMP 카탈로그 업데이트: 2026년 10월 29일 18:30

수집된 skills: 3

GitHub 스타: 2,221
GitHub 포크: 122

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 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

수집된 skill 3개 중 3개를 표시합니다.