Communitygithub.com

个人网站技能:作品集案例制作

在现有网站中构建或更新基于实际证据的作品集案例。在获得批准的叙事事实和媒体材料后使用。

个人网站技能:作品集案例制作 是什么?

该技能指导开发者在现有个人网站中制作作品集案例,确保所有内容均基于已批准的证据,避免编造不完整的信息。它首先要求检查仓库的项目注册表、内容合约、案例组件、本地化处理以及现有可比案例,以明确哪些事实和媒体已获批准。实现时需将标识符、路由/状态和精简元数据保留在注册表中,将批准的叙事放入已建立的内容层,而布局和媒体处理则使用可复用组件;仅渲染支持的部分和模块,当未获得证据时允许部分案例的存在。此外,它强调本地化内容需有意识添加,不可为了填充英文路由而自动翻译事实性内容;媒体添加需提供有意义的替代文本和已知尺寸,保留预期阅读宽度,避免强行将密集图表塞入移动端布局。最后,该技能要求运行相关 lint、类型和生产构建检查,验证目标语言路由、待定/部分行为、SEO 元数据、键盘链接、图片加载和移动端溢出情况,并清晰区分已批准使用的内容与剩余缺口。支持平台包括 Claude Code、Cursor、Codex 等 AI 代理工具,通过结构化的 markdown 指南确保项目开发的诚实与高质量。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-case-production

在你喜欢的 AI 中提问

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

文档

作品集案例制作

实施项目案例,避免将不完整的素材编造成虚假叙事。

编辑前

检查仓库的项目注册表、内容合约、案例组件、本地化处理以及一个现有的可比案例。明确哪些事实和媒体已获批准。

实现形态

  • 将标识符、路由/状态和精简元数据保留在注册表中;将已批准的叙事放入仓库已建立的内容层;将布局和媒体处理保留在可复用组件中。
  • 仅渲染支持的部分和模块。当未获得证据时,可以诚实省略部分案例,允许不完整的案例存在。
  • 有意识地附加本地化内容。不要为了填充英语路由而自动翻译事实性内容。
  • 仅在托管合约要求时,为媒体添加有意义的替代文本和已知尺寸。保留预期的阅读宽度,避免将密集图表强行塞入移动端布局。

验证

运行相关的 lint、类型和生产构建检查。验证目标语言路由、待定/部分行为、SEO 元数据、键盘链接、图片加载和移动端溢出情况。将已批准使用的内容与剩余缺口分开报告。

边界

不要使用此技能创建新设计系统或做出未经批准的公开声明。当源材料不明确时,应首先进行内容整理。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

相关技能