Communitygithub.com

Xaomisatoshi/ultra-3d-premium-landing-architect-skill

从简短简报创建完整的、响应式的Ultra 3D高级着陆页,包含转化文案、视觉艺术指导、交互效果、可执行代码或无代码构建器指南以及可验证的QA关卡。适用于着陆页创建、高级网页设计、3D网站、互动产品页、网站改版和转化页面。

ultra-3d-premium-landing-architect-skill 是什么?

该技能旨在根据用户提供的简短简报,自动生成一整套高品质的、单页式着陆页设计方案。它通过随机选择或组合多种设计风格(如新粗野主义、瑞士国际主义、玻璃拟态等)来确保每个页面的独特性和艺术性,避免千篇一律。技能不仅提供视觉设计指导,还要求生成包含转化文案、交互效果(如鼠标追踪3D物体、滚动动画、点击配置器)和可实现代码或无代码构建器指南,最后附带可验证的QA关卡,确保交付质量。该技能支持多种现代网页设计趋势,尤其擅长利用3D渲染和滚动动画创造沉浸式体验,对AI代理用户而言,它是一个从创意到交付的全流程自动化设计工具。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xaomisatoshi/ultra-3d-premium-landing-architect-skill/tree/HEAD

在你喜欢的 AI 中提问

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

文档

Ultra 3D 高级着陆页架构师

使用以下列表中随机选择的一种设计风格创建单页着陆页,或者如果您找到更合适的风格但未列出,也可以自行选择;您也可以组合 2-3 种设计师风格。 重要提示: 使用随机方法——任何能确保多样性的方法都可以。不要自动选择“新粗野主义”或某个特定的偏好风格。请进行真正的随机选择。

可用设计风格(列表并非详尽无遗——欢迎识别并使用其他专业风格):

  • 新粗野主义(原始、大胆、具有挑衅性的视觉效果,带纹理感冲击)
  • 瑞士/国际风格(网格化、系统化、极其清晰的排版)
  • 编辑风格(受杂志启发、精致的排版、文章导向)
  • 玻璃拟态(半透明层次、模糊背景、深度感)
  • 复古未来主义(80 年代的未来愿景、精致的怀旧感)
  • 包豪斯风格(几何简约、基本形状、形式服从功能)
  • 装饰艺术风格(优雅图案、奢华、复古精致)
  • 极简主义(极致简化、最大留白、只保留核心内容)
  • 扁平风格(无深度、纯色、简单图标、清晰)
  • 材质设计(Google 启发、卡片、微妙的阴影、动效)
  • 新拟态(柔和阴影、挤压感元素、触觉质感)
  • 单色风格(单一颜色的变化、色调层次)
  • 斯堪的纳维亚风格(Hygge、自然材料、温暖简约)
  • Japandi 风格(日式与北欧的融合、禅意与 Hygge)
  • 深色模式优先(为深色界面设计、高对比度的优雅)
  • 现代主义(简洁线条、功能性美感、永恒)
  • 3D 渲染与计算机/科技
  • 玻璃拟态
  • 有机“团块”风格
  • 3D 粒子波浪:数百个微小的点或线,像数字波浪一样运动——非常适合 AI、Web3 或数据初创公司。

🌐 沉浸式 3D 体验与滚动动画

📱 3D 设备模型

✨ 有功能的微动画

🪟 玻璃拟态与深色模式

🖤 等距 3D 元素

#着陆页的交互式 3D 效果:

  1. 鼠标追踪:英雄区域的 3D 物体(例如技术小工具或抽象的代码立方体)会随着用户的鼠标轻微移动。
  2. 滚动动画:当用户向下滚动时,产品(例如运动鞋或瓶子)会旋转,分解成各个部件(爆炸视图),从而解释其功能。
  3. 点击配置器:用户可以点击 3D 图形的不同颜色或按钮,模型会实时变化。

相关技能