How do I install the Asset Placement Strategy skill?

Run npx skillmds@latest add diegosouzapw/asset-placement-strategy in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Asset Placement Strategy safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Asset Placement Strategy?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Asset Placement Strategy free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Asset Placement Strategy?

diegosouzapw (@diegosouzapw) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Asset Placement Strategy by diegosouzapw

Name: Asset Placement Strategy
Rating: 4.2 (5 reviews)
Author: diegosouzapw

Asset Placement Strategy

Specialized logic for strategic placement of Northcote Curio design artifacts (Seeds, Pebbles, Lenses, Stones) based on biological asymmetry and curiosity specimen aesthetics. Ensures organic balance and avoids "slop" by enforcing strict archetype constraints and structural integrity.

diegosouzapw Updated Sep 8, 2026 54 repo stars

File contents

Asset Placement Strategy Skill

This skill provides a framework for placing design "artifacts" within the Northcote Curio design system. It moves beyond standard layouts to prioritize biological asymmetry, tactility, and curiosity-specimen aesthetics.

Core Principles

Strategic Asymmetry: Avoid perfect grid alignment for decorative elements. Use prime numbers and organic offsets (3px, 5px, 8px) to create a "found object" feel.
Archetype Integrity:
- Seeds: Place sparingly as focal points or status indicators. Never cluster more than 3 in a horizontal line.
- Pebbles: Use for secondary interactions. Root them to the bottom-right or top-left of parent containers to simulate "settling."
- Lenses: Center-align for primary search or observation tasks. Surround with generous whitespace to simulate a magnifying glass view.
- Stones: The structural foundation. Use variable corner radii (e.g., rounded-[24px_32px_16px_40px]) to simulate natural erosion.
Specimen Mounting: Treat content as if it were pinned in a curiosity cabinet. Use subtle borders (border-leaf-base/20) and heavy shadows on hover to simulate depth.

Placement Workflow

1. Identify Anchor Points

Determine where the eye naturally rests. Place a Seed or Pebble at the end of a primary reading path (bottom-right).

2. Apply "Organic Drift"

Offset secondary elements by a small, non-standard amount.

Example: margin-left: 7.5% instead of 8%.

3. Layer for Depth

Use the Z-index system to stack "specimen cards" (Stones).

Z-0: Background (Cloth/Linen texture)
Z-10: Main Vessel
Z-20: Interactive Overlays (Lenses/Seeds)

Slop Prevention

NO Generic Containers: Every div must have an archetype (Stone, Vessel, Cabinet).
NO Default Radii: Avoid rounded-xl. Always define specific asymmetric radii.
NO Flat Colors: Use the HSL-based Curio palette with alpha transparency for layering.

Verification Checklist

Does the layout feel "found" rather than "built"?
Are the corner radii asymmetric and intentional?
Is there a clear focal point (Seed/Lens)?
Does the element respond to touch/hover with a "tactile" spring?

---name: asset-placement-strategydescription: Specialized logic for strategic placement of Northcote Curio design artifacts (Seeds, Pebbles, Lenses, Stones) based on biological asymmetry and curiosity specimen aesthetics. Ensures organic balance and avoids "slop" by enforcing strict archetype constraints and structural integrity.---# Asset Placement Strategy SkillThis skill provides a framework for placing design "artifacts" within the Northcote Curio design system. It moves beyond standard layouts to prioritize **biological asymmetry**, **tactility**, and **curiosity-specimen** aesthetics.## Core Principles1. **Strategic Asymmetry**: Avoid perfect grid alignment for decorative elements. Use prime numbers and organic offsets (3px, 5px, 8px) to create a "found object" feel.2. **Archetype Integrity**: - **Seeds**: Place sparingly as focal points or status indicators. Never cluster more than 3 in a horizontal line. - **Pebbles**: Use for secondary interactions. Root them to the bottom-right or top-left of parent containers to simulate "settling." - **Lenses**: Center-align for primary search or observation tasks. Surround with generous whitespace to simulate a magnifying glass view. - **Stones**: The structural foundation. Use variable corner radii (e.g., `rounded-[24px_32px_16px_40px]`) to simulate natural erosion.3. **Specimen Mounting**: Treat content as if it were pinned in a curiosity cabinet. Use subtle borders (`border-leaf-base/20`) and heavy shadows on hover to simulate depth.## Placement Workflow### 1. Identify Anchor PointsDetermine where the eye naturally rests. Place a **Seed** or **Pebble** at the end of a primary reading path (bottom-right).### 2. Apply "Organic Drift"Offset secondary elements by a small, non-standard amount.- _Example_: `margin-left: 7.5%` instead of `8%`.### 3. Layer for DepthUse the Z-index system to stack "specimen cards" (Stones).- **Z-0**: Background (Cloth/Linen texture)- **Z-10**: Main Vessel- **Z-20**: Interactive Overlays (Lenses/Seeds)## Slop Prevention- **NO Generic Containers**: Every `div` must have an archetype (`Stone`, `Vessel`, `Cabinet`).- **NO Default Radii**: Avoid `rounded-xl`. Always define specific asymmetric radii.- **NO Flat Colors**: Use the HSL-based Curio palette with alpha transparency for layering.## Verification Checklist- [ ] Does the layout feel "found" rather than "built"?- [ ] Are the corner radii asymmetric and intentional?- [ ] Is there a clear focal point (Seed/Lens)?- [ ] Does the element respond to touch/hover with a "tactile" spring?

Frequently asked questions