Availability-tracker 是做什麼的？
掌握流體排版比例、字體搭配（編輯襯線體＋技術無襯線體）、光學字距、垂直節奏，以及現代 CSS clamp() 系統，避免版面位移。
掌握流體排版比例、字體搭配（編輯襯線體＋技術無襯線體）、光學字距、垂直節奏，以及現代 CSS clamp() 系統，避免版面位移。
此技能專注於現代網頁排版的核心技巧，協助開發者建立穩健且美觀的版式系統。它涵蓋流體排版比例（fluid typography scales）、字體搭配（如編輯風格的襯線字體與技術感無襯線字體的組合）、光學字距調整、垂直節奏（vertical rhythm），以及利用 CSS clamp() 函數實現無版面位移的響應式字型大小。通過此技能，使用者能掌握如何在不同裝置上保持視覺一致性與可讀性，避免常見的佈局抖動問題。它支援所有現代 CSS 開發環境，並提供實作範例與最佳實踐。
npx skills add https://github.com/Nile-University-Student-Union-org/Availability-tracker/tree/main/.agents/skills/fluid-responsive-typography掌握流體排版比例、字體搭配（編輯襯線體＋技術無襯線體）、光學字距、垂直節奏，以及現代 CSS clamp() 系統，避免版面位移。
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
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.
Obra superpowers agent skills.
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...
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.