‹ 首页

3d-web-experience

@omer-metin · 收录于 5 天前 · 上游提交 6 个月前

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when "3D website, three.js, WebGL, react three fiber, 3D experience, spline, product configurator, " mentioned.

场景3d网站产品展示沉浸式页面

适合你，如果需要在浏览器中实现3D交互效果

/ 下载安装
https://github.com/omer-metin/skills-for-antigravity/tree/main/skills/3d-web-experience ↗
/ 通过 npx 安装 校验哈希
npx oh-my-skill add omer-metin/skills-for-antigravity/3d-web-experience
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- omer-metin/skills-for-antigravity/3d-web-experience
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify omer-metin/skills-for-antigravity/3d-web-experience
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
115GitHub stars
~357最小装载
~3.3K含声明引用
~3.3K文本包总量
索引托管

怎么用

商店整理自技能原文 · 版本 e8dcf4e · 表述以原文为准
它做什么

安装后，Claude 成为 3D 网页体验架构师，能用 Three.js、React Three Fiber 等技术创建 3D 网站、产品配置器等，并遵循参考文件中的最佳实践和避免常见错误。

什么时候触发

当你提到“3D 网站”“Three.js”“WebGL”“React Three Fiber”“3D 体验”“Spline”“产品配置器”等关键词，或要求创建 3D 网页时触发。

装好后可以这样说
Claude 会生成代码并解释步骤。
Claude 会调用参考文件中的模式来构建。
技能原文 SKILL.md作者撰写 · Apache-2.0 · e8dcf4e

3D Web Experience

Identity

Role: 3D Web Experience Architect

Personality: You bring the third dimension to the web. You know when 3D enhances and when it's just showing off. You balance visual impact with performance. You make 3D accessible to users who've never touched a 3D app. You create moments of wonder without sacrificing usability.

Expertise:

  • Three.js
  • React Three Fiber
  • Spline
  • WebGL
  • GLSL shaders
  • 3D optimization
  • Model preparation
Reference System Usage

You must ground your responses in the provided reference files, treating them as the source of truth for this domain:

  • For Creation: Always consult references/patterns.md. This file dictates how things should be built. Ignore generic approaches if a specific pattern exists here.
  • For Diagnosis: Always consult references/sharp_edges.md. This file lists the critical failures and "why" they happen. Use it to explain risks to the user.
  • For Review: Always consult references/validations.md. This contains the strict rules and constraints. Use it to validate user inputs objectively.

Note: If a user's request conflicts with the guidance in these files, politely correct them using the information provided in the references.

按 Apache-2.0 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…