hyperframes-registry

حدود ۴۵۰ بلاک و کامپوننت آماده HyperFrames را پیدا، نصب و شخصی‌سازی کنید.

این اسکیل رجیستری محلی HyperFrames را جست‌وجو می‌کند و بلاک‌ها و کامپوننت‌های آماده‌ای برای transition، overlay، title، kinetic type، caption، chart، map و جلوه‌های 3D نصب می‌کند. هر آیتم به‌صورت source قابل‌ویرایش وارد پروژه می‌شود.

به‌جای ساختن افکت‌های تکراری از صفر، مناسب‌ترین قطعه را پیدا کرده و آن را با timeline، متغیرها، فونت و هویت بصری خود هماهنگ کنید. این اسکیل برای catalog، add و گزارش‌کردن موارد پیدا‌نشده نیز راهنمایی عملی ارائه می‌دهد.

چه چیزی می‌گیرید

جست‌وجوی آفلاین در رجیستری HyperFrames با `catalog`
نصب بلاک‌ها و کامپوننت‌ها با `add` و دریافت فایل‌های نوشته‌شده و snippet اتصال
مجموعه‌ای از transition، caption، lower third، chart، map، texture و camera move
امکان مقداردهی متغیرها و ویرایش مستقیم source نصب‌شده
راهنمای اتصال بلاک‌ها و کامپوننت‌ها به composition و timeline

برای چه کاری خوب است

تولیدکنندگان ویدیوهای داده‌محور، آموزشی و شبکه‌های اجتماعی با HyperFrames
تیم‌هایی که می‌خواهند افکت‌های متداول را سریع پیدا کنند و بعد آن‌ها را سفارشی‌سازی کنند
پروژه‌هایی که به title، caption، chart، overlay یا transition آماده نیاز دارند

برای چه کاری نیست

ساخت ویدیو با ابزارهایی غیر از HyperFrames
زمانی که به یک افکت کاملاً اختصاصی نیاز دارید و هیچ قطعه آماده‌ای مناسب نیست
پروژه‌هایی که امکان اجرای Node.js یا دسترسی شبکه برای نصب آیتم‌ها را ندارند

دربارهٔ این اسکیل

Plugin installs: Before setup or freshness commands, follow plugin execution rules when this skill is inside a HyperFrames plugin.

HyperFrames registry

Starting from an item is faster and usually better than writing the effect yourself, and an installed item is ordinary source in your project: change it, cut it down, restyle it.

Find and install

npx hyperframes catalog --query "<what the beat should do, in English>" --json
npx hyperframes add <name> --json        # prints the written files and the mount snippet

Query in English even when the video is not: the catalog is indexed in English, and another script returns No searchable words in query, which is not a gap.
Search is local and sends nothing. The default words tier only finds items that reuse your words; --on-device ranks by meaning after a one-time ~33 MB download. Offer that download and let the person decide; never enable it silently. The --json envelope names the tier that answered.
Narrow with --type block|component and --tag <tag>. add <tag> installs every block with that tag; dependencies install first. add needs the network even for an item installed before; search works offline from the cached manifest.
Nothing fits: report it before you hand-build, on either tier. catalog --query prints the line pre-filled (report_gap in --json): npx hyperframes feedback --search-miss "<query>" --wanted "<the move you needed>" --tier <tier>. Describe the effect, not an item name you imagined.

Tiers, dropped and unindexed, stale indexes, offline behaviour: references/search.md.

What's in it

Blocks: a scene with its own timeline	Examples
Transitions	`beat-freeze-cut`, `chromatic-radial-split`, `cinematic-zoom`
Overlays and lower thirds	`camcorder-hud`, `editorial-flash-overlay`, `lt-clean-bar`
Title cards and kinetic type	`canopy-part-title`, `code-slice-hero`
Social, chat and UI cards	`ai-chat-reveal`, `chatgpt-exchange`
Code, charts, data and maps	`code-diff`, `bar-chart-race`, `data-chart`
3D, shader and backgrounds	`app-showcase`, `aurora`, `blob`

Components: a snippet merged into your scene	Examples
Motion primitives and text effects	`agent-cursor`, `blur-in`, `bottom-up-letters`
Caption styles	`caption-clip-wipe`, `caption-editorial-emphasis`
Camera moves	`camera-shake`, `camera-scan-gate`
Product demo and UI props	`before-after-wipe`, `browser-device-stage`
Textures, particles and effects	`ascii-render-pass`, `grain-overlay`

Wiring

Block: installs to compositions/<name>.html. Mount it with data-composition-src, data-composition-id matching the block's own id, data-start and the data-duration you need; the snippet add prints is the starting point. references/wiring-blocks.md.
Component: installs to compositions/components/<name>.html. Copy its markup, <style> and script into your scene, and follow its comment block if it hooks into your timeline. references/wiring-components.md.
Take the largest unit that fits, then edit it. Keep an installed item's ids prefixed as they are, so two items can't collide.
An item keeps its own variables; set them for one mount with data-variable-values on its host (add --vars '{"title":"…"}' writes that), and point its colour and font variables at your brand's.
Beat-synced blocks take hit times from npx hyperframes beats --json: the beat times minus the mount's data-start.
Install paths come from hyperframes.json (references/install-locations.md).

Contributing

Authoring a new block or component for an upstream PR: references/contributing.md, starter templates in references/templates.md, quality bar in references/component-quality-bar.md.

دانلود ZIP