Individual skill

dramatic

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

skills/dramatic/SKILL.md

Read pinned source

Source commit f631a09b4fcc0166f2e2c1a8c81906ef680c57e8

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: Yes
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Claude Code

Destination .claude/skills/dramatic

(
  set -euo pipefail
  destination='./.claude/skills/dramatic'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/dramatic' > "$work/skill.tar"
  mkdir -p -- './.claude/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Codex

Destination .agents/skills/dramatic

(
  set -euo pipefail
  destination='./.agents/skills/dramatic'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/dramatic' > "$work/skill.tar"
  mkdir -p -- './.agents/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Cursor

Destination .cursor/skills/dramatic

(
  set -euo pipefail
  destination='./.cursor/skills/dramatic'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/dramatic' > "$work/skill.tar"
  mkdir -p -- './.cursor/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Gemini CLI

Destination .gemini/skills/dramatic

(
  set -euo pipefail
  destination='./.gemini/skills/dramatic'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/dramatic' > "$work/skill.tar"
  mkdir -p -- './.gemini/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

GitHub Copilot

Destination .github/skills/dramatic

(
  set -euo pipefail
  destination='./.github/skills/dramatic'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/dramatic' > "$work/skill.tar"
  mkdir -p -- './.github/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

OpenCode

Destination .opencode/skills/dramatic

(
  set -euo pipefail
  destination='./.opencode/skills/dramatic'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/dramatic' > "$work/skill.tar"
  mkdir -p -- './.opencode/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Repository context

Repository stars (not skill ratings): 3,581
Repository last updated: Jun 28, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

agent-skills Repository topic
agentic-ai Repository topic
agentic-workflow Repository topic
agents Repository topic
ai Repository topic
ai-agents Repository topic
ai-tools Repository topic
awesome Repository topic
awesome-list Repository topic
awesome-readme Repository topic
design Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

DESIGN.mddoc · 1,484 bytes
SKILL.mdcore · 3,522 bytes

Read excerpt


<!-- TYPEUI_SH_MANAGED_START -->
# Dramatic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Dramatic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Dramatic design style is a trend characterized by high-contrast visuals, bold, unconventional layouts, and immersive, theatrical experiences designed to grab user attention.

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Outfit, display=Outfit, mono=JetBrains Mono | weights=400, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#8B5CF6, secondary=#F43F5E, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#09090B, text=#FAFAFA