userinterface-wiki 是做什麼的？
網頁介面的UI/UX最佳實踐。用於審查動畫、CSS、音訊、排版、UX模式、預先載入或圖示實作。涵蓋從動畫原則到排版的11個類別。輸出 file:line 的發現結果。
網頁介面的UI/UX最佳實踐。用於審查動畫、CSS、音訊、排版、UX模式、預先載入或圖示實作。涵蓋從動畫原則到排版的11個類別。輸出 file:line 的發現結果。
這個技能「raphaelsalaja/userinterface-wiki」為開發者與AI代理提供了一套全面的UI/UX最佳實踐參考，專注於網頁介面的設計與實作審查。它涵蓋11個關鍵類別，從動畫原則、CSS樣式、音訊處理，到排版、使用者體驗模式、預先載入與圖示實作等，適用於Claude Code、Cursor、Codex等平台。當你需要審查一個元件或頁面的使用者體驗品質時，這個技能會提供具體的指南與檢查清單，並以「file:line」的格式輸出發現的問題點。透過結合專業的UI/UX知識，它能幫助開發者快速辨識設計不一致處、可存取性問題或效能瓶頸，確保最終產品的介面不僅美觀且易於使用。
npx skills add https://github.com/raphaelsalaja/userinterface-wiki/tree/main/skills/userinterface-wiki網頁介面的UI/UX最佳實踐。用於審查動畫、CSS、音訊、排版、UX模式、預先載入或圖示實作。涵蓋從動畫原則到排版的11個類別。輸出 file:line 的發現結果。
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.