amirmushichge GitHub avatar

cinematic-scroll-prompt-kit

amirmushichge

一个可复用的提示词与项目简报系统,用于使用编码代理(如 Codex、Claude Code 等)和原生浏览器 API 构建电影级滚动驱动式 2.5D 网站,无需 WebGL 或 JavaScript 库。

Stars

145

7 天增长

+47

Fork 数

15

开放 Issue

0

开源协议

MIT

最近更新

2026-07-17

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它提供了结构化的、与代理无关的工作流,使 AI 编码代理能够生成可投入生产的滚动体验,包含确定性检查点、可访问性和减少运动支持,同时保持框架无关性。

适合谁使用

  • 使用 AI 编码代理的开发者(Codex、Claude Code 等)
  • 构建交互式叙事网站的前端工程师
  • 创建滚动品牌体验的设计师和团队
  • 希望利用原生 API 实现电影效果的网页开发者

典型使用场景

  • 带有滚动讲故事的产品发布页
  • 交互式作品集或案例研究网站
  • 旅行或活动网站,具有分层视觉叙事
  • 需要沉浸式滚动的教育或编辑内容

项目优势

  • 框架无关,适用于静态 HTML 或任何现代框架(React、Vue、Svelte 等)
  • 仅使用原生浏览器 API,避免 Three.js 或 GSAP 等重型库
  • 包含详细的验证工作流(8 个检查点)和全面质量保证要求
  • 强调可访问性、减少运动安全和响应式行为

使用前须知

  • 需要从单个主构图精心准备的深度图层
  • 成功取决于 AI 代理能否遵循详细提示并处理边缘情况
  • 移动端构图和性能可能需要超出提示词保证范围的手动调整

README 快速开始

Quick start

项目描述

Reusable AI prompt and project brief system for cinematic scroll-driven 2.5D websites.

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

makecindy
精选
makecindy GitHub avatar

cindy

Cindy is an open-source AI agent that runs locally on your machine, integrates multiple AI harnesses and models, and provides memory, skills, and automation to perform real work in your projects and apps.

AI 与机器学习大语言模型
958
7-e1even
精选
7-e1even GitHub avatar

learn-agent

A collection of notes on building coding agents, derived from the production development of the desktop agent Reina, with each mechanism simplified into a zero-dependency, single-file Node.js demo.

AI 与机器学习大语言模型
218
AgriciDaniel
精选
AgriciDaniel GitHub avatar

anti-slop

Anti-slop is a tool for detecting and repairing substance defects in AI-assisted prose, code, documentation, and agent output using deterministic scanners and structural procedures that produce verifiable artifacts rather than authorship judgments.

AI 与机器学习大语言模型
9