Communitygithub.com

Hermes HyperFrames 스킬

GSAP 콤보 기술을 결합한 Hermes Agent HyperFrames 스킬

Hermes HyperFrames 스킬란 무엇인가요?

이 스킬은 **Hermes Agent HyperFrames** 프레임워크와 **GSAP(GreenSock Animation Platform)** 의 고급 애니메이션 콤보 기술을 활용합니다. 개발자는 이를 통해 웹 기반 AI 에이전트 인터페이스에 부드러운 고성능 애니메이션 시퀀스를 손쉽게 통합할 수 있습니다. HyperFrames의 모듈식 구조는 GSAP의 체인 기반 타임라인 및 easing 함수와 완벽히 조화되어, 복잡한 UI 전환과 마이크로인터랙션을 코드 몇 줄로 구현 가능하게 합니다. 이 스킬은 주로 JavaScript/TypeScript 기반 프론트엔드 프로젝트(React, Vue, Svelte 등)에서 사용되며, AI 응답 스트리밍, 챗봇 메시지 등장, 도구 호출 상태 표시 등의 시나리오에 특화되어 있습니다. 원본 SKILL.md 설명에 따르면, HyperFrames와 GSAP의 조합은 선언적 애니메이션 정의와 실행 취소/재실행 지원을 제공하여 복잡한 상호작용 로직을 간소화합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add Ann0501/hermes-hyperframes-skills
원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

Hermes HyperFrames 스킬은(는) 무엇을 하나요?

Hermes Agent HyperFrames 스킬로, GSAP 콤보 기술을 결합한 것입니다.

관련 스킬

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community