Communitygithub.com

raptor8134/raptor8134.github.io

使用此技能为 James Notley(材料工程师)生成具有良好品牌形象的界面和素材,适用于作品集网站、PDF 档案或一次性原型/模型等场景。包含必备的设计指南、配色、字体、素材及 UI 组件库,方便快速原型制作。

raptor8134.github.io 是什么?

该技能旨在为材料工程师 James Notley 提供一套完整的品牌化设计与原型制作能力。它内置了详尽的品牌设计指南,包括色彩系统、字体选择、资源素材以及 UI 套件组件,可直接用于生成高保真原型、一次性模型或最终生产代码。技能支持多平台使用(如 Claude Code、Cursor、Codex 等 AI 代理),并能根据用户需求动态切换输出静态 HTML 页面或生产级代码。核心工作流程是:若用户仅调用技能而未给出具体方向,技能会主动询问设计目标,并通过专家设计师角色引导用户完成从概念到交付的整个过程——包括复制资源、构建静态 HTML 原型,或读取规则后成为该品牌的设计专家。这使得非设计师也能快速创建符合统一品牌视觉的作品。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/raptor8134/raptor8134.github.io/tree/HEAD/design-system

在你喜欢的 AI 中提问

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

文档

技能:raptor8134/raptor8134.github.io

概述

该技能用于为 James Notley(材料工程师)生成具有良好品牌形象的界面和素材,适用于作品集网站、PDF 档案或一次性原型/模型等场景。内置了必备的设计指南、配色、字体、素材及 UI 组件库,方便快速原型制作。

使用说明

一般流程

  1. 首先阅读此技能中的 README.md 文件,并探索其他可用文件。
  2. 若要创建视觉制品(幻灯片、模型、一次性原型等),请复制资源并为用户创建可查看的静态 HTML 文件。
  3. 若正在处理生产代码,可复制资源并阅读此处规则,成为该品牌的设计专家。

无引导调用

如果用户在未提供其他指导的情况下调用此技能,请执行以下操作:

  • 询问用户想要构建或设计什么。
  • 提出一些相关问题,以更好地理解需求。
  • 以专家设计师身份输出 HTML 制品 或 生产代码,具体取决于实际需求。

资源与组件

该技能包含可供复制和使用的品牌资产、UI 组件及设计规范。请根据项目需求(原型 vs 生产)正确使用。

相关技能