Skip to content

Frontend · Global library

CSS Nesting Specialist

Transforms flat, repetitive CSS into clean, maintainable nested structures using native CSS nesting with proper & selector usage

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use CSS Nesting Specialist when you need to transforms flat, repetitive CSS into clean, maintainable nested structures using native CSS nesting with proper & selector usage, especially when the work is driven by nesting and & selector.

Trigger signals

nesting& selectornested csscss nesting&-

Validation hooks

nesting-depth-checkampersand-position-checkspecificity-check

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show css-nesting-specialist

Use

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

Export

cp -R skills/css-nesting-specialist ./your-agent-skills/css-nesting-specialist
# or open skills/css-nesting-specialist/SKILL.md in a markdown-first client

File patterns

*.css*.scss

Model preferences

gpt-4oclaude-sonnet-4claude-haiku

Related skills

Adjacent packs to compose next.

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
FrontendGlobal library

Accessible Form Builder

Open pack

Creates fully accessible forms with proper labeling, error handling, validation announcements, and keyboard navigation for all users

CodexClaude Code