lov-business-card

Featured

Generate a professional, editorial-style business card (2:1) as a high-resolution PNG and a self-contained interactive HTML. Collects the user's identity (name, roles, tagline, interests, locations, optional avatar), fills a parameterized design template with a chosen theme, and renders it via headless Chrome. Trigger when the user wants to make a business card, personal card, name card, profile card, or "电子名片", or says "生成名片", "做一张名片", "个人名片", "make a business card", "design a name card".

Data & Documents 64 stars 16 forks Updated today MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
60
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# business-card — 专业精美电子名片生成器 把任意用户的身份信息,渲染成一张 2:1 的编辑式(editorial / luxury-minimal)名片: 瑞士排版网格、发丝线分隔、单一强调色、宋体 × Didot 字体配对。输出高分辨率 PNG (默认 4800×2400)+ 一个自包含、可在浏览器点击下载的 HTML。 ## 工作流 ### 1. 先用 AskUserQuestion 收集信息(必做) **不要直接跑脚本。** 先确认主题与必填项。能从对话/记忆里推断的先预填,只问不知道的。 建议问题(一次最多 3 个): - **主题**:dark-terracotta(暖深·陶土,默认)/ midnight(冷深·钢蓝)/ ivory(浅·象牙编辑风) - **是否有头像**:有 → 要文件路径;无 → 用名字首字渲染 monogram - **强调词**:tagline 里哪个词要高亮(强调色) 身份字段尽量从上下文取;缺的逐项问或让用户一次性给。 ### 2. 映射到 CLI 参数 | 用户提供 | flag | 说明 | |---|---|---| | 姓名 | --name | 必填,支持中文 | | 英文名/罗马音 | --latin | 名字旁的斜体小字 | | 品牌(左上) | --brand | 如 SKILL.AI(含 . 会高亮圆点) | | 编号(右上) | --index | 如 STUDIO — Nº 2026 | | 角色标签 | --tags | 逗号分隔,菱形分隔渲染 | | 金句 | --tagline | **词** 高亮,竖线 \| 换行 | | 爱好/兴趣 | --pursuits | 逗号分隔(底栏左) | | 据点/城市 | --bases | 逗号分隔,每项带定位针(底栏右) | | 头像 | --avatar | 图片路径;省略则用 monogram | | 头像图注 | --caption | 可选,肖像底部小字 | | 主题 | --theme | dark-terracotta|midnight|ivory | | 输出目录 | --out | 默认 ./output | | 格式 | --format | png|html|both(默认 both) | ### 3. 运行 ```bash python3 scripts/render_card.py \ --name "品牌方" --latin "Mark Shawn" \ --brand "SKILL.AI" --index "STUDIO — Nº 2026" \ --tags "背包客,超级开发者,AI / OPC 布道师" \ --tagline "在 **Agent 时代**,|寻找**人**的意义" \ --pursuits "旅行,羽毛球,计算机科学,心理学,哲学" \ --bases "上海 陆家嘴数智港,北京 搜狐大厦清智孵化器" \ --avatar ./me.png --theme dark-terracotta \ --out ./output --format both ``` ### 4. 交付 把 PNG 展示给用户;告诉他们 HTML 可在浏览器打开、右下角「下载为图片 PNG」自出 3× 高清图 (HTML 与同目录的 modern-screenshot.umd.js 需一起保留)。 ## 设计说明 - 比例:固定 2:...

Details

Author
lovstudio
Repository
lovstudio/skills
Created
4 months ago
Last Updated
today
Language
Python
License
MIT

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-business-card

Generate a printable business card — pixel-exact 1050×600 front canvas + 1050×600 back canvas in a single HTML file. Standard 3.5×2 inch card at 300dpi. Front carries name + title + contact details; back is wordmark-dominant (or brand device) with minimal text. The design system's most reduced artifact — tests whether the brand can speak with almost no text. Print bleed instructions in footer comment. Reads ./design/<brand-slug>/DESIGN.md, tokens.css, and components.html. Triggers include "business card", "calling card", "name card", "/business-card".

3 Updated 6 days ago
slogsdon
Web & Frontend Listed

web-image

用前端渲染生成图片 —— 不依赖模型的多模态能力,任何能写 HTML/CSS 的模型 (DeepSeek / Claude / Kimi / GPT 等) 都能用。 当用户要「生成/做/画一张图」且属于以下任意一种时使用:头像、图标、公众号封面、 OG 分享图、Banner/横幅、小红书封面、知识卡片、金句卡、代码片段图、数据卡、 功能发布图、对比图、步骤图、视频封面/缩略图、幻灯片单页、活动海报、名片、 二维码卡、配图、题图、缩略图、poster、cover、thumbnail、banner、avatar。 也用于:批量出多个尺寸/多平台的同一张图;把一段文字/数据/代码变成图; 给文章配图;做一套风格统一的系列图。 支持指定视觉风格,共 32 套:手绘/涂鸦/白板、黑板、水彩、拼贴/剪贴、博物图鉴、 瑞士国际主义、杂志编辑部、报纸、工程蓝图、档案手稿/打字机、包豪斯、装饰艺术 Art Deco、 双色印刷 Riso、粗野主义、孟菲斯、美漫波普、像素 8-bit、千禧 Y2K、蒸汽波、霓虹赛博朋克、 街头海报/喷漆、日式侘寂、中式水墨、国潮/新中式、终端 CLI、极光渐变、玻璃拟态、 奢侈品黑金、极简产品、电影海报、复古未来 70s、极简线条。 用户没指定时主动报 3~4 个候选让他选;说了库里没有的风格就按四步法拆成 token。 产出一个可预览的画板工作台页面,多种画幅并排展示,点按钮即可导出 PNG (页内零依赖导出 + 本机 Chrome 精确出图两条通道)。 不适用:需要照片级真实内容的图(人像、风景、材质渲染)—— 那需要真正的图像模型。

0 Updated today
whyubel1eve
AI & Automation Listed

image-text-cards

设计小红书/抖音/视频号图文笔记的卡片(图)和正文(description)。覆盖卡片与正文的分工、信息分层结构、对比驱动手法、去术语化原则和视觉规范。做图文卡片或改卡片可读性时调用。

0 Updated yesterday
xiaoshuai1024