Communitygithub.com

sickn33/scroll-experience

Experto en la creación de experiencias inmersivas basadas en el desplazamiento: narración con paralaje, animaciones de desplazamiento, narrativas interactivas y experiencias web cinematográficas, similares a los interactivos del NY Times, las páginas de producto de Apple y las experiencias web premiadas.

¿Qué es scroll-experience?

Este skill está diseñado para desarrolladores que buscan crear experiencias web avanzadas y altamente interactivas, centradas en el desplazamiento (scroll). Permite implementar desde simples animaciones hasta complejas narrativas visuales con efecto parallax, interactivos informativos similares a los de medios como el New York Times, o páginas de producto dinámicas al estilo de Apple. Su utilidad radica en que simplifica la integración de estas funcionalidades sin necesidad de bibliotecas externas pesadas, aprovechando las capacidades modernas de CSS y JavaScript para lograr un rendimiento óptimo. Es compatible con cualquier plataforma web estándar, funcionando especialmente bien con frameworks como React, Vue o Svelte, y con herramientas de desarrollo como Claude Code, Cursor y Codex. El skill se basa en la documentación SKILL.md para guiar al usuario en la estructuración del código, el manejo de eventos de scroll y la sincronización de animaciones, asegurando una experiencia suave y atractiva que mantiene al usuario comprometido.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/scroll-experience

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace scroll-experience?

Experto en la creación de experiencias inmersivas basadas en el desplazamiento: narración con paralaje, animaciones de desplazamiento, narrativas interactivas y experiencias web cinematográficas, similares a los interactivos del NY Times, las páginas de producto de Apple y las experiencias web premiadas.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

sickn33/3d-web-experience

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.

sickn33/agent-memory-mcp

A hybrid memory system that provides persistent, searchable knowledge management for AI agents (Architecture, Patterns, Decisions).

sickn33/agent-memory-systems

Memory is the cornerstone of intelligent agents. Without it, every interaction starts from zero. This skill covers the architecture of agent memory: short-term (context window), long-term (vector stores), and the cognitive architectures that organize them.

sickn33/ai-agents-architect

Expert in designing and building autonomous AI agents. Masters tool use, memory systems, planning strategies, and multi-agent orchestration.

sickn33/api-documentation-generator

Generate comprehensive, developer-friendly API documentation from code, including endpoints, parameters, examples, and best practices

sickn33/api-patterns

API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.

sickn33/api-security-best-practices

Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities

sickn33/app-store-optimization

Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play Store

sickn33/architecture

Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.

sickn33/audio-transcriber

Transform audio recordings into professional Markdown documentation with intelligent summaries using LLM integration

sickn33/aws-serverless

Specialized skill for building production-ready serverless applications on AWS. Covers Lambda functions, API Gateway, DynamoDB, SQS/SNS event-driven patterns, SAM/CDK deployment, and cold start optimization.

sickn33/backend-architect

Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems.

sickn33/backend-dev-guidelines

You are a senior backend engineer operating production-grade services under strict architectural and reliability constraints. Use when routes, controllers, services, repositories, express middleware, or prisma database access.

sickn33/bash-linux

Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.

sickn33/bash-scripting

Bash scripting workflow for creating production-ready shell scripts with defensive patterns, error handling, and testing.

sickn33/brainstorming

Use before creative or constructive work (features, architecture, behavior). Transforms vague ideas into validated designs through disciplined reasoning and collaboration.

sickn33/browser-automation

Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns.

sickn33/browser-extension-builder

Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing.

sickn33/bullmq-specialist

BullMQ expert for Redis-backed job queues, background processing, and reliable async execution in Node.js/TypeScript applications.

sickn33/bun-development

Fast, modern JavaScript/TypeScript development with the Bun runtime, inspired by [oven-sh/bun](https://github.com/oven-sh/bun).

Skills relacionados