plain-tailwind

@dropseed/plain-tailwind

652

13 forks

Updated 1/18/2026

Provides Tailwind CSS patterns for Plain templates. Use when styling templates or working with conditional CSS classes.

$skills install @dropseed/plain-tailwind

Claude Code

Cursor

Copilot

Codex

Antigravity

Pathplain-tailwind/plain/tailwind/skills/plain-tailwind/SKILL.md

Branchmaster

Scoped Name@dropseed/plain-tailwind

After installing, this skill will be available to your AI coding assistant.

Verify installation:

skills list

name: plain-tailwind description: Provides Tailwind CSS patterns for Plain templates. Use when styling templates or working with conditional CSS classes. user-invocable: false

Use data- attributes with Tailwind's data- selectors instead of {% if %} inside class attributes.

Good:

<div data-active="{{ is_active }}" class="data-[active=True]:bg-blue-500">

Avoid:

<div class="{% if is_active %}bg-blue-500{% endif %}">

Run uv run plain docs tailwind --source for detailed Tailwind integration documentation.

Retrieves detailed documentation for Plain packages. Use when looking up package APIs or feature details.

Upgrades Plain packages and applies required migration changes. Use when updating to newer package versions.

Captures and analyzes performance traces to identify slow queries and N+1 problems. Use when analyzing performance or optimizing database queries.

Manages database migrations and model changes. Use when creating migrations, running migrations, or modifying models.