About windows-graphics-media
windows-graphics-media is a reference for Windows application developers, organizing official documentation by graphics and media tasks. It covers DirectX drawing and composition, camera and screen capture, and audio and video playback and processing.
Key features
- 01Direct2D and DirectWrite drawing
- 02Direct3D 11/12 and shaders
- 03Composition visuals and animation
- 04Camera and screen capture
- 05Audio and video playback and processing
Use cases
- 01Build a DirectX rendering pipeline
- 02Embed DirectX rendering in WinUI 3
- 03Implement camera or screen capture
- 04Play, transcode, or edit media
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ fandhe-ai/ agent-reference-skills --skill windows-graphics-mediaAfter installing, type/windows-graphics-mediain Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
references/audio-video-playback/adaptive-media-source.mdaudio-device-output-node.mdaudio-file-input-node.mdaudio-frame-input-node.mdaudio-graph.mdaudio-playback-connection.mdaudio-state-monitor.mdcustom-video-audio-effects.mddash-profile-support.mddrm-playready.mdhls-tag-support.mdmedia-binder.mdmedia-break-manager.mdmedia-capture-integration.mdmedia-casting.mdmedia-clip.mdmedia-composition.mdmedia-playback-command-manager.mdmedia-playback-item.mdmedia-playback-list.mdmedia-playback-session.mdmedia-player-element.mdmedia-player-surface.mdmedia-player.mdmedia-source.mdmedia-timeline-controller.mdmedia-transcoder.mdmedia-transport-controls.mdmidi-services.mdmidi.mdDetails
From the project READMEWindows グラフィックス・メディア リファレンス
Windows アプリの描画・合成・カメラ・音声動画再生に関する公式ドキュメントを蒸留したリファレンス。 Direct2D/DirectWrite によるベクター描画とテキストレイアウト、Direct3D 11/12 による低レベル GPU 描画、 Microsoft.UI.Composition による合成ビジュアル層、MediaCapture によるカメラ/画面キャプチャ、 Windows.Media.Playback 系による音声・動画再生を扱う。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。
ディレクトリ構成
skills/windows-graphics-media/
SKILL.md
references/
direct2d-directwrite/
README.md
built-in-effects.md
custom-effects.md
d2d1createfactory.md
direct2d-direct3d-interop.md
dwrite-text-metrics.md
dwritecore.md
effect-precision-and-clipping.md
effect-shader-linking.md
effects-overview.md
id2d1bitmap1.md
id2d1bitmapbrush.md
id2d1commandlist.md
id2d1device.md
id2d1device-versions.md
id2d1devicecontext.md
id2d1devicecontext-versions.md
id2d1effect.md
id2d1factory.md
id2d1factory-versions.md
id2d1factory1.md
id2d1geometry.md
id2d1geometrysink.md
id2d1imagebrush.md
id2d1layer.md
id2d1lineargradientbrush.md
id2d1pathgeometry.md
id2d1radialgradientbrush.md
id2d1rendertarget.md
id2d1solidcolorbrush.md
id2d1strokestyle.md
id2d1svgdocument.md
idwritefactory.md
idwritefontcollection.md
idwritefontface.md
idwritetextformat.md
idwritetextlayout.md
wic-interop.md
direct3d-directx/
README.md
d3d11-blend-rasterizer.md
d3d11-compute-shader.md
d3d11-depth-stencil.md
d3d11-device-context.md
d3d11-resources.md
d3d11-sampler-srv.md
d3d11-shaders-drawing.md
d3d11-to-d3d12-changes.md
d3d11on12.md
d3d12-barriers-descriptors.md
d3d12-command-lists-bundles.md
d3d12-debug-layer-dred.md
d3d12-enhanced-barriers.md
d3d12-memory-residency.md
d3d12-overview.md
d3d12-raytracing.md
d3d12-render-passes.md
d3d12-root-signatures.md
d3d12-variable-rate-shading.md
directcomposition.md
directx-winui3-integration.md
directx-xaml-composition.md
dxgi-factory-adapter.md
dxgi-swap-chain.md
hlsl-shader-compilation.md
composition-visuals/
README.md
animation-controller.md
composition-drawing-surface.md
composition-effect-brush.md
composition-gradient-brush.md
composition-light.md
composition-property-set.md
composition-surface-brush.md
compositor.md
container-visual.md
desktop-acrylic-controller.md
drop-shadow.md
element-composition-preview.md
expression-animation.md
implicit-animation-collection.md
interaction-tracker.md
key-frame-animation.md
layer-visual.md
loaded-image-surface.md
mica-controller.md
natural-motion-animation.md
shape-visual.md
sprite-visual.md
visual-interaction-source.md
visual.md
camera-capture/
README.md
advanced-photo-capture.md
camera-capabilities-privacy.md
camera-capture-ui.md
camera-profiles.md
camera-stream-state.md
connect-to-remote-cameras.md
detect-audio-level-changes.md
device-enumeration.md
direct3d11-capture-frame-pool.md
effects-for-video-capture.md
face-detector.md
face-tracker.md
get-a-preview-frame.md
graphics-capture-item.md
graphics-capture-picker.md
graphics-capture-session.md
handle-device-orientation-with-mediacapture.md
launch-camera-settings.md
low-lag-media-recording.md
low-lag-photo-capture.md
media-capture-initialization-settings.md
media-capture.md
media-frame-reader.md
media-frame-source-group.md
process-audio-frames-with-mediaframereader.md
process-software-bitmaps-with-opencv.md
scene-analysis-face-detection-effects.md
set-media-encoding-properties.md
simple-camera-preview-access.md
software-bitmap.md
use-opencv-with-mediaframereader.md
variable-photo-sequence.md
video-device-controller.md
windows-studio-effects.md
audio-video-playback/
README.md
adaptive-media-source.md
audio-device-output-node.md
audio-file-input-node.md
audio-frame-input-node.md
audio-graph.md
audio-playback-connection.md
audio-state-monitor.md
custom-video-audio-effects.md
dash-profile-support.md
drm-playready.md
hls-tag-support.md
media-binder.md
media-break-manager.md
media-capture-integration.md
media-casting.md
media-clip.md
media-composition.md
media-playback-command-manager.md
media-playback-item.md
media-playback-list.md
media-playback-session.md
media-player-element.md
media-player-surface.md
media-player.md
media-source.md
media-timeline-controller.md
media-transcoder.md
media-transport-controls.md
midi-services.md
midi.md
system-media-transport-controls.md
timed-metadata-track.md
timed-text-source.md
探索手順
タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:
- 下記マッピング表でタスクに対応するカテゴリを探す
- そのカテゴリの
references/{category}/README.mdを参照して目的のページを特定する - 該当ページの
.mdを Read して詳細を確認する
タスク → カテゴリ マッピング
| タスク | カテゴリ | 参照 README |
|---|---|---|
| Direct2D でベクター図形・ブラシ・ジオメトリを描画したい | direct2d-directwrite | references/direct2d-directwrite/README.md |
| DirectWrite でテキストレイアウト・フォント計測を行いたい | direct2d-directwrite | references/direct2d-directwrite/README.md |
| Direct2D と Direct3D/WIC の相互運用をしたい | direct2d-directwrite | references/direct2d-directwrite/README.md |
| Direct3D 11/12 でデバイス初期化・シェーダー描画パイプラインを組みたい | direct3d-directx | references/direct3d-directx/README.md |
| DXGI SwapChain や HLSL シェーダーコンパイルを扱いたい | direct3d-directx | references/direct3d-directx/README.md |
| DirectX の描画結果を WinUI 3 の XAML 上に組み込みたい | direct3d-directx | references/direct3d-directx/README.md |
| Compositor / Visual でカスタム合成ビジュアルツリーを構築したい | composition-visuals | references/composition-visuals/README.md |
| ExpressionAnimation / InteractionTracker で入力連動アニメーションを実装したい | composition-visuals | references/composition-visuals/README.md |
| Mica / Acrylic のシステム背景素材を適用したい | composition-visuals | references/composition-visuals/README.md |
| external content (MediaPlayerElement / SwapChainPanel / WebView2) の合成制約を知りたい | composition-visuals | references/composition-visuals/README.md |
| Direct2D エフェクトグラフ・組み込みエフェクト・カスタムエフェクトを使いたい | direct2d-directwrite | references/direct2d-directwrite/README.md |
| ID2D1DeviceContext1〜7 等の新しい版のインターフェース (スプライトバッチ・インク・カラーグリフ・SVG) を使いたい | direct2d-directwrite | references/direct2d-directwrite/README.md |
| D3D12 のコマンドリスト・ルートシグネチャ・メモリ常駐・デバッグレイヤー/DRED・11on12 を扱いたい | direct3d-directx | references/direct3d-directx/README.md |
| ネットワークカメラ接続・音声フレーム処理・OpenCV 連携をしたい | camera-capture | references/camera-capture/README.md |
| HLS/DASH の対応範囲・メディアキャスト・Bluetooth リモート音声再生 (AudioPlaybackConnection) を扱いたい | audio-video-playback | references/audio-video-playback/README.md |
| MediaCapture でカメラから写真・動画・音声をキャプチャしたい | camera-capture | references/camera-capture/README.md |
| フォーカス・露出・ズームなどカメラデバイスを制御したい | camera-capture | references/camera-capture/README.md |
| 画面キャプチャ (GraphicsCaptureSession) や Windows Studio Effects を使いたい | camera-capture | references/camera-capture/README.md |
| プレビュー表示・端末回転補正・エンコードプロパティ設定など実装手順を知りたい | camera-capture | references/camera-capture/README.md |
| MediaPlayer / MediaPlayerElement で動画・音声を再生したい | audio-video-playback | references/audio-video-playback/README.md |
| AdaptiveMediaSource / DRM でストリーミング再生や保護コンテンツを扱いたい | audio-video-playback | references/audio-video-playback/README.md |
| AudioGraph / MediaTranscoder / MediaComposition で音声処理・動画編集をしたい | audio-video-playback | references/audio-video-playback/README.md |
このスキルは DirectX (Direct2D/DirectWrite/Direct3D)、Microsoft.UI.Composition、WinRT メディア (カメラキャプチャ・音声動画再生) の API のみを扱う。コントロール UI は windows-winui-controls、レイアウト・スタイリング等の一般 UI は windows-winui-ui、Windows App SDK 全体像は windows-app-sdk が担当する。