当在社交场合有人递给你这样一张名片,你是否会感觉到眼前一亮?
尽管一眼 AI ,但是这种被设计成在代码编辑器中打开文件的样式,依旧令人耳目一新。
它巧妙地将个人信息以键值对的形式呈现,既简洁又极具程序员风格。
这样的创意,我猜测,应该源自于早期流行的「代码美化工具」。
彼时,喜欢在博客上分享干货的程序员们,常常要贴上大段示例代码。
但那些默认的代码展示样式实在是惨不忍睹:字体粗糙、配色呆板、缺乏结构感,严重影响阅读体验。
于是,有那么一批注重审美的程序员站了出来,开发了如 Carbon、CodePNG 等在线工具,让代码也能“高颜值”地呈现。
通过这些工具,用户不仅可以选择不同的代码主题、语法高亮风格,还能自定义字体、行高、背景,甚至加上毛玻璃效果,并支持将其导出为图片。
而现在这种“代码名片”,正是对这类工具美学理念的延伸,甚至在呈现内容的可定制性方面,也有异曲同工之妙,一起来看看它所用到的提示词模版:
Prompt Template:
A close-up shot of a hand holding a business card designed to look like a {file_format} file open in {code_editor}. The card shows code formatted in {syntax_type} with keys like {key1}, {key2}, {key3}, and {key4}. The window includes typical toolbar icons and a title bar labeled {file_name}, styled exactly like the interface of {code_editor}. Background is slightly blurred, keeping the focus on the card.
Example placeholders:
{file_format}: JSON, XML, YAML
{code_editor}: Notepad++, VS Code
{syntax_type}: JSON, XML
{key1}: "name": "Your Name"
{key2}: "title": "Your Title"
{key3}: "email": "your@email.com"
{key4}: "link": "yourwebsite"
[{key5}: "phone": "Phone Number"]
{file_name}: Business Card.json or Business Card.xml
对应的中文版本是:
提示模板:
一张特写镜头,一只手拿着一张名片,设计成在 {code_editor} 中打开的 {file_format} 文件的样子。名片上显示的代码采用 {syntax_type} 格式,包含 {key1}、{key2}、{key3} 和 {key4} 等键。窗口包含典型的工具栏图标和标有 {file_name} 的标题栏,其样式与 {code_editor} 的界面完全相同。背景略微模糊,使焦点始终集中在名片上。
占位符示例:
{file_format}: JSON、XML、YAML
{code_editor}: Notepad++、VS Code
{syntax_type}: JSON、XML
{key1}: "name": "您的姓名"
{key2}: "title": "您的职称"
{key3}: "email": "your@email.com"
{key4}: "link": "您的网站"
[{key5}: "phone": "电话号码"]
{file_name}: Business Card.json 或 Business Card.xml
可以看到,这一结构化的提示词中包含很多占位符,你可以自由地定制需要展现的编辑器样式、文件格式、语法类型等。
我们可以在这个提示词的基础上,进一步拓展创意边界,比如改成Notepad++名片、PPT名片、Excel名片等。
或者进一步用图生视频工具把它转成视频,让代码名片动起来。
如今,Cursor、Windsurf、Trae等AI代码编辑器层出不穷,极大地降低了很多人的编码门槛。
很多原本从事产品、设计、甚至运营工作的用户,也正在转型为“赤脚程序员”,“写代码”正变得像“写文档”一样平常。
一张独具特色的代码风格名片,也许正是你展示新身份的最佳开场白。
所以——
你,还不打算来一张自己的“代码名片”吗?