Frontend · Global library

Container Query Architect

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

CodexClaude CodeKimi Codeorchestrator-mcp

Open pack on GitHub Back to catalog

Best use case

Use Container Query Architect when you need to replaces media queries with container queries for truly component-responsive layouts that adapt to their parent, not just the viewport, especially when the work is driven by container query and @container.

Trigger signals

container query@containercomponent responsivecqicqbcontainer-type

Validation hooks

container-containment-checknaming-convention-checkfallback-verification

Install surface

Copy the exact command path you need.

Inspect

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

Use

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

Export

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

File patterns

*.css*.scss*.tsx*.jsx

Model preferences

claude-sonnet-4gpt-4oclaude-haiku

Related skills

Adjacent packs to compose next.

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

CodexClaude Code

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

CodexClaude Code

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

CodexClaude Code

Apache-2.0 licensedUse it, fork it, redistribute it. No strings attached.Safety-first by designSecret redaction, release scanning, and no shell execution. Constraints are public.GitHub nativeEvery pack is a real folder. Fork, edit, PR. No hidden backend or proprietary pipeline.

Container Query Architect

Copy the exact command path you need.

Adjacent packs to compose next.

CSS Container Query Migrator

@property Animator

3D CSS Specialist