tailwindcss-backgrounds SKILL.md skillA

tailwindcss-backgrounds from fusengine/agents is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add fusengine/agents/tailwindcss-backgrounds@git:20260927.43a351c

Pins git:20260927.43a351c in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
fusengine/agents
Path
plugins/tailwindcss/skills/tailwindcss-backgrounds/SKILL.md
Versions recorded
5
Latest version
git:20260927.43a351c, committed Sep 27, 2026
First version recorded
Jan 10, 2026
Size
7,860 bytes
Repository stars
36
License
MIT

Use when styling background colors, building linear/radial/conic gradients, setting background images/position/size, or blend modes.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

<objective>
Complete reference for Tailwind CSS v4.3 background utilities: `bg-{color}` with the OKLCH P3 color palette (including the `mauve`/`olive`/`mist`/`taupe` palettes added in v4.2), gradients (`bg-linear-*`, `bg-radial-*`, and `bg-conic-*`), background images (`bg-cover`/`bg-contain`/`bg-repeat`/positioning/sizing), and blend modes (`bg-blend-*`).

Includes gradient color-stop control (`from-*`/`via-*`/`to-*`), custom-angle linear gradients, and theme-config extension for custom colors and background images.
</objective>

# Tailwind CSS Backgrounds Skill

Complete reference for background utilities in Tailwind CSS v4.3, including colors, gradients, images, positioning, sizing, and blend modes.

## Background Colors

Use `bg-{color}` utilities to set background colors with the modernized OKLCH color palette.

```html
<!-- Basic colors -->
<div class="bg-red-500"></div>
<div class="bg-blue-600"></div>
<div class="bg-emerald-400"></div>

<!-- Opacity modifiers -->
<div class="bg-blue-500/50"></div>
<div class="bg-slate-900/75"></div>
```

### Color Palette (OKLCH P3)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add fusengine/agents/tailwindcss-backgrounds@sha256:cdb72bda98c4719f

The line at the top of this page pins the label git:20260927.43a351c, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_d663d6737qnxehwa.svg)](https://markdownregistry.com/a/art_d663d6737qnxehwa)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between Jan 10, 2026 and Sep 27, 2026, about one every 65 days.

versioncommittedcommitsizeaudit
git:20260927.43a351c latest2026-09-27 43a351c 7,860 BA view · diff
git:20260729.3b91eed2026-07-29 3b91eed 7,737 BA view · diff
git:20260705.8c2f9bc2026-07-05 8c2f9bc 7,478 BA view · diff
git:20260124.acdc9412026-01-24 acdc941 6,899 BA view · diff
git:20260110.986d50f2026-01-10 986d50f 6,877 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (7860 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

fusengine/agents · 36 stars · license MIT · pushed 2026-10-30 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_d663d6737qnxehwa
GET https://markdownregistry.com/api/v1/resolve?ref=fusengine/agents/tailwindcss-backgrounds
GET https://markdownregistry.com/api/v1/blob/cdb72bda98c4719f5652784f58b6553fdd1cf3016ca925d526d40c83865dbc36

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from fusengine/agents

agent-creator SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/agent-creator/SKILL.md · Use when creating expert agents. Generates agent.md with frontmatter, hooks, required sections, and skill references.
git:20260904.5f1d30f · audit A · 36 stars
apex-methodology SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/apex-methodology/SKILL.md · Use when starting ANY development task -- feature, bug fix, refactor, hotfix (triggers: implement, create, build, fix…
git:20261012.499a4d1 · audit A · 36 stars
brainstorming SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/brainstorming/SKILL.md · Use when creating a feature/component or adding functionality. Fires BEFORE APEX Analyze to refine requirements via…
git:20260904.5f1d30f · audit A · 36 stars
challenge SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/challenge/SKILL.md · Use before a root-cause, done/verified claim, irreversible action, or 2nd-time fix reaches the owner (APEX or plain…
git:20260729.3b91eed · audit A · 36 stars
code-quality SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/code-quality/SKILL.md · Use when validating code quality after modifications -- SOLID compliance, DRY duplication, linter errors, architecture…
git:20261012.499a4d1 · audit A · 36 stars
elicitation SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/elicitation/SKILL.md · Use when an expert agent self-reviews and self-corrects code after the Execute phase, before sniper validation…
git:20260729.3b91eed · audit A · 36 stars
exploration SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/exploration/SKILL.md · Use when exploring an unfamiliar codebase -- architecture analysis, pattern detection, dependency mapping, rapid…
git:20260729.3b91eed · audit A · 36 stars
fuse-browser-usage SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/fuse-browser-usage/SKILL.md · Use when about to call any mcp__fuse-browser__* tool. Routes fetch/crawl/SERP vs live browser session vs screenshot…
git:20260729.3b91eed · audit A · 36 stars
lead-orchestration SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/lead-orchestration/SKILL.md · Use when you are the LEAD (main session) and an owner request arrives that needs agents -- intake, routing, briefs…
git:20261012.f15b04e · audit A · 36 stars
modularize SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/modularize/SKILL.md · Use when converting existing code to modular architecture (Laravel, Next.js, React). Triggers: "modularize", "convert…
git:20260729.3b91eed · audit A · 36 stars
pr-summary SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/pr-summary/SKILL.md · Summarize current pull request with diff, comments, and changed files. Use when reviewing PRs or before merging.
git:20260729.3b91eed · audit A · 36 stars
react-effects-audit SKILL.md skill
fusengine/agents · plugins/ai-pilot/skills/react-effects-audit/SKILL.md · Use when auditing React or Next.js components for unnecessary or unsafe useEffect usage -- detects 9 anti-patterns from…
git:20260729.3b91eed · audit A · 36 stars

Every file in fusengine/agents

Browse by kind, by grade A, or by owner.