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.

16 stars

Best use case

asset-placement-strategy is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

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.

Teams using asset-placement-strategy should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/asset-placement-strategy/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/design/asset-placement-strategy/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/asset-placement-strategy/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How asset-placement-strategy Compares

Feature / Agentasset-placement-strategyStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

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.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# 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

1. **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 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?

Related Skills

Asset Manager

16
from diegosouzapw/awesome-omni-skill

Organize design assets, optimize images and fonts, maintain brand asset libraries, implement version control for assets, and enforce naming conventions. Keep design assets organized and production-ready.

asset-tracking

16
from diegosouzapw/awesome-omni-skill

Use when managing asset metadata, dependencies, and delivery workflows across teams.

asset-forge

16
from diegosouzapw/awesome-omni-skill

Creates new skills, rules, and MCPs for ai-driven-dev-system or project-specific use. Use when user requests a new reusable component, wants to add coding standards, needs to document a workflow, or asks to create a skill or rule.

asset-bundles

16
from diegosouzapw/awesome-omni-skill

Create and configure Databricks Asset Bundles (DABs) with best practices for multi-environment deployments. Use when working with: (1) Creating new DAB projects, (2) Adding resources (dashboards, pipelines, jobs, alerts), (3) Configuring multi-environment deployments, (4) Setting up permissions, (5) Deploying or running bundle resources

asset-packager

16
from diegosouzapw/awesome-omni-skill

Automated asset packaging—converts validated PNG + IDF JSON into complete production bundle (context.md, tokens.json, usage.md). Eliminates 30 manual file generations across 10 assets.

asset-optimization

16
from diegosouzapw/awesome-omni-skill

Asset optimization skill for mesh and texture budgets.

launch-strategy

16
from diegosouzapw/awesome-omni-skill

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' or 'product update.' This skill covers phased launches, channel strategy, and ongoing launch momentum.

investment-strategy-cskill

16
from diegosouzapw/awesome-omni-skill

Investment strategy execution assistant for Indonesian investors. Provides daily portfolio check-in with live prices from Yahoo Finance and CoinGecko, weekly performance review versus IHSG and S&P 500 benchmarks, and monthly strategy sessions with phase assessment. Implements Wall Street workflows including Kelly Criterion position sizing, Sharpe and Sortino ratio calculations, maximum drawdown monitoring, and threshold-based rebalancing. Tracks Emergency Fund progress for Phase 1 (Foundation Building) and Phase 2 (Wealth Accumulation) transitions. Manages structured JSON trade journal, generates payday execution plans. References comprehensive investment framework documentation in ./plans/ for all calculations and recommendations.

create-an-asset

16
from diegosouzapw/awesome-omni-skill

Generate tailored sales assets (landing pages, decks, one-pagers, workflow demos) from your deal context. Describe your prospect, audience, and goal — get a polished, branded asset ready to share with customers.

backup-strategy

16
from diegosouzapw/awesome-omni-skill

Implement automated backup strategy for VPS servers with regular snapshots, off-server storage, and retention policies to enable quick disaster recovery.

assets-organizing

16
from diegosouzapw/awesome-omni-skill

Organize all outputs from slash commands and subagents in assets/ directory by topics, date format, and slugs.

acc-create-strategy

16
from diegosouzapw/awesome-omni-skill

Generates Strategy pattern for PHP 8.5. Creates interchangeable algorithm families with context class, strategy interface, and concrete implementations. Includes unit tests.