Communitygithub.com

jhd3197/AgentSite

个人或工作室作品集网站——大号字体排版介绍、项目网格、案例研究链接、联系方式。

AgentSite 是什么?

AgentSite 是一个用于快速生成个人或工作室作品集网站的技能。其核心目标是让访问者产生“我想与这个人合作”的强烈印象,非常适合设计师、开发者或小型创意工作室展示作品。该技能支持 AI 代理平台,通过清晰的规范指导网站结构,包括精简导航、大号字体排版介绍、项目网格展示、关于页面、客户/媒体展示以及联系信息。它强调“少而精”的设计理念,避免使用轮播、视差或自动播放视频等多余效果,鼓励使用真实项目名称并诚实处理空状态。这些要求确保生成的网站既专业又可信,能够有效提升作品集的质感和说服力。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jhd3197/AgentSite/tree/HEAD/agentsite/skills/portfolio

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

作品集网站

个人或工作室网站,其使命是让访问者说出“我想与这个人合作”。

必需的页面区域

  1. 精简导航 — 名字/标志,3-4 个链接(作品 / 关于 / 写作 / 联系)。
  2. 简介 — 大号字体排版陈述(使用 clamp() 设置显示大小)。一句话介绍是谁/做什么,加上一条薄元数据带(地点、可用状态、当前角色)。
  3. 项目网格 — 4-9 张案例研究卡片。每张卡片:封面图片 / 彩色色块、项目标题、一行角色说明、年份。悬停状态轻微上浮。点击跳转到(模拟的)案例研究 URL。
  4. 关于 — 简短的个人简介段落 + 照片或签名标记。
  5. 精选客户 / 媒体报道 — 克制的标志条或列表。如果没有真实材料,则完全跳过此部分。
  6. 联系方式 — 电子邮件(mailto),可能包括 Twitter/LinkedIn、日历预约链接。

质量规则

  • 字体风格统一。如果展示字体是衬线体,正文字体应为无衬线体(反之亦然)。
  • 项目卡片:使用真实名称和角色。使用带标签的占位符(如“[封面图片——替换为主打照片]”),不要使用 Lorem ipsum 的标题。
  • 没有轮播。没有视差效果。没有自动播放视频。
  • 空状态/“更多即将到来”状态要诚实。不要用虚假项目填充网格。

相关技能