Beeknoee Logo
Đăng nhậpĐăng ký miễn phí

nateherkai/scroll-craft

Public

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

accessibilityagent-skillsai-web-designanthropicclaude-codeclaude-code-plugincreative-codingdesign-systemfrontendinteraction-designlanding-pagescroll-animationscrollytellingtypographyweb-design
Star4.3kFork609Watch28Mở trên GitHub
Beeknoee

Bee AI phân tích repositoryBETA

AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.

Cập nhật lần cuối: 22/10/2026

Đăng nhập để hỏi Bee AI

Tóm tắt bởi Bee AI

Kỹ năng và plugin cho coding agent (Codex, Claude Code) giúp xây dựng các website hướng cuộn (scroll-driven) cao cấp, kiểm soát trải nghiệm tương tác và quy chuẩn thiết kế độc bản.

  • Cung cấp 8 cấu trúc trang (page grammars) loại trừ lẫn nhau cùng cổng kiểm tra fingerprint để tránh lặp lại giao diện.
  • Tích hợp công cụ headless browser tự động kiểm tra dead scroll, độ tương phản và lỗi giải mã video.
  • Engine dùng chung không chỉnh sửa theo dự án, điều khiển trạng thái cuộn qua biến CSS custom property --sc-p.
  • Hỗ trợ scrub video theo từng khung hình cuộn chuột bằng các script xử lý và mã hóa ffmpeg tối ưu.

Lưu ý

  • Dự án mới chỉ được tác giả chạy và kiểm thử trên Windows, chưa từng thử nghiệm bản build trên macOS.
  • Chi phí sinh video qua AI có thể tốn kém nếu dựng các cảnh continuous-world phức tạp.

Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.

  • Độ phổ biến67
  • Độ tươi60
  • Cộng đồng48
  • Tài liệu100
  • Phát hành20
  • Mức độ khóTrung bình
  • Phù hợp vớiLập trình viên
  • Loại dự ánCông cụ
  • Giấy phépMIT

Kiến trúc & Công nghệ

Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.

Tech stack

  • JavaScript
  • Node.js
  • Playwright
  • FFFFmpeg
  • HTML5
  • CSS3

Kiến trúc tổng quan

Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.

  • .claude-plugin/Cấu hình plugin dành cho Claude Code.
  • plugins/Chứa mã nguồn kỹ năng, tài liệu tham khảo, engine và các script hỗ trợ.
  • media/Chứa video minh họa và tài nguyên trực quan của repository.

Hướng dẫn nhanh

Các bước để bắt đầu với repository này.

bash
git clone https://github.com/nateherkai/scroll-craft.git
cd scroll-craft

Các use case chính

Những ứng dụng có thể xây dựng từ repository này.

  • Xây dựng landing page dạng scrollytelling hoặc portfolio tương tác cao thông qua Claude Code hoặc Codex.
  • Kiểm thử tự động độ tương phản văn bản và phát hiện lỗi cuộn không đổi trạng thái trên giao diện web.
  • Mã hóa video tối ưu cho tính năng cuộn theo dòng thời gian (scrubbing) trên trình duyệt bằng ffmpeg.

Repository tương tự

Cùng chủ đề trong kho Bee.

  1. 1morluto/reaReverse engineer anything with agents, from app behavior down to native binaries.411.9k+39.2k
  2. 2donnemartin/system-design-primerLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.376.2k+918
  3. 3affaan-m/ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.293.3k+6.1k
  4. 4NousResearch/hermes-agentThe agent that grows with you258.9k+2.3k
  5. 5react/reactThe library for web and native user interfaces.251.8k+46

Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 22/10/2026.

Đăng nhập