persona
一个由AI驱动的个人作品集网站生成工具。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:persona。 它的用途是:一个由AI驱动的个人作品集网站生成工具。 详细介绍见:https://321skill.com/skills/persona-jacbk/ 请根据该页面的说明完成安装。
使用示例
“请根据我的profile.yaml里写的全栈开发背景和喜欢的极简主义风格,为我生成一个作品集网站的设计方案,并实现它。”,它会先分析你的资料,然后展示一个视觉设计提案供你确认,接着开始编写Next.js组件、配置样式,并最终帮你部署到Vercel。
介绍
Persona 解决了个人或开发者需要快速创建个性化、非模板化作品集网站的需求。传统的网站模板往往千篇一律,难以体现个人特色,而手动开发又耗时耗力。Persona 通过本地引导页面收集你的职业目标、作品和视觉偏好,然后驱动你选择的AI编码代理(如Claude Code、Cursor等)进行调研、设计提案、代码编写和发布协助,最终生成一个基于Next.js的定制化作品集。
使用过程非常直观。你只需从模板创建仓库,运行一个简单的脚本,就会在本地打开一个设置页面。在这里,你可以填写个人资料,上传简历、项目图片等材料。完成后,系统会生成一个配置文件,并引导你启动AI代理来开始构建网站。整个过程以对话和协作为主。
这个工具非常适合那些希望拥有独特在线身份但缺乏前端开发时间或技能的个人,如设计师、开发者、内容创作者和求职者。它尤其适合对网站视觉和内容有个性化要求,不希望使用通用模板的用户。
使用建议:在开始前,准备好你的个人简介、项目描述和喜欢的网站风格参考(可以截图或提供链接)。虽然AI代理会协助,但清晰的输入能获得更符合预期的输出。请注意,所有个人资料和上传的材料都保存在本地仓库中,但在将仓库公开推送到GitHub等平台前,请务必检查这些文件,避免隐私泄露。
核心特点
与直接填充内容的静态模板不同,Persona 的核心是引导AI编码代理进行“理解-设计-构建”的完整创作流程,生成的网站代码是动态、可定制的Next.js应用。它不预设固定布局,而是根据你的个人资料和偏好进行原创性设计提案和实现。
注意事项
不适合需要完全控制代码编写每一步、或希望使用特定非Next.js技术栈的用户。
常见问题
Persona需要联网吗?
本地设置页面和资料保存完全离线。但后续AI代理进行调研、编码时需要网络连接(取决于你使用的代理)。
支持哪些AI编码代理?
原生支持Claude Code、Gemini CLI、Cursor、Codex等,并为其他代理(如Devin)提供了可直接阅读的指令文件。