Texture pattern design

Skill Dragoon0x/everything-design-taste/skills/texture-pattern-design

Background textures, patterns, noise overlays, and surface treatment in digital design.From its SKILL.md

Install

npx -y skills add Dragoon0x/everything-design-taste --skill texture-pattern-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.2 KB, 241 tokens by cl100k_base, as published. Nobody here has run it

Texture Pattern Design

Texture Types

Type	Effect	Use
Noise/grain	Organic warmth, depth	Hero backgrounds, dark surfaces
Dot pattern	Structure, rhythm	Subtle backgrounds, decorative
Line pattern	Direction, movement	Accents, section dividers
Geometric	Order, precision	Technical/developer products
Organic	Warmth, approachability	Lifestyle/creative brands

Implementation

/* Noise overlay */
.textured {
  position: relative;
}
.textured::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,...");
  opacity: 0.03;
  pointer-events: none;
}

Rules

Textures should be barely perceptible. If it's distracting, it's too strong.
Reduce opacity to 2-5% for most textures.
Ensure text remains readable over textured backgrounds.
Performance: use CSS patterns or tiny tileable images, not large files.
Don't combine multiple texture types on the same surface.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.