Individual skill

nested-container-clean-agency

Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.

agent-skills/web-design/nested-container-clean-agency/SKILL.md

Read pinned source

Source commit 5ea1661a0e05d82b054553daaa6baf6d0233c33c

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 7,335
Repository last updated: Nov 8, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category
writing Derived category
devops Derived category
devops-containers Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 4,010 bytes
demo/PROMPT.mddoc · 3,499 bytes
demo/assets/page-01-2f563338-39fa-47ea-9761-658d4f3f84db-1600w.jpgasset · 298,959 bytes
demo/assets/page-02-4f5668c5-fc4a-44e0-bc5e-a664189d3c31-1600w.jpgasset · 217,369 bytes
demo/assets/page-03-77415a2e-dcbc-4748-a29d-fced4821881a-1600w.jpgasset · 362,749 bytes
demo/assets/page-04-c92852bb-a510-405a-85ab-ffa0fde136a4-1600w.jpgasset · 214,106 bytes
demo/assets/source-preview.jpgasset · 73,780 bytes
demo/index.htmlasset · 21,909 bytes
demo/preview.jpgasset · 55,601 bytes
demo/source.jsonasset · 3,315 bytes

Read excerpt


# Nested Container Clean Agency Skill

## Use When
- Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.

## Workflow

## Scope
- Apply this as a full design-system direction across page shell, section framing, cards, pricing blocks, call-to-action areas, and layout rhythm.
- Use it when the interface should feel clean, premium, and agency-led, with strong container hierarchy instead of flat page sections.
- This is not generic card-grid SaaS and not only a framing utility. The whole composition should be organized through nested shells and inset feature blocks.

## Visual target
- Start with a centered outer page container that defines the main boundaries of the design with visible vertical rails, corner squares, or light frame lines.