Skip to content

Frontend · Global library

CSS Container Query Migrator

Move responsive logic from page-level breakpoints into component-level container queries without regressions.

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use CSS Container Query Migrator when you need to move responsive logic from page-level breakpoints into component-level container queries without regressions, especially when the work is driven by container query and responsive component.

Trigger signals

container queryresponsive componentmedia query

Validation hooks

verify_responsive_behavior

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show css-container-query-migrator

Use

orchestrator-mcp skills export css-container-query-migrator --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/css-container-query-migrator ./your-agent-skills/css-container-query-migrator
# or open skills/css-container-query-migrator/SKILL.md in a markdown-first client

File patterns

**/*.css**/*.scss**/*.tsx

Model preferences

qwen3-coder:480b-clouddeepseek-ai/deepseek-v3.2qwen2.5-coder:32b

Related skills

Adjacent packs to compose next.

FrontendGlobal library

Container Query Architect

Open pack

Replaces media queries with container queries for truly component-responsive layouts that adapt to their parent, not just the viewport

CodexClaude Code
FrontendGlobal library

@property Animator

Open pack

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude Code
FrontendGlobal library

3D CSS Specialist

Open pack

Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript

CodexClaude Code