Awesome-omni-skill divek-bi-visual-audit

Visual compliance auditing for DiveK brand identity. Use when reviewing UI screens, component libraries, landing pages, design handoff specs, CSS tokens, or visual QA reports for alignment with DiveK color palette, typography, and cinematic-minimal style direction.

install

source · Clone the upstream repo

git clone https://github.com/diegosouzapw/awesome-omni-skill

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/diegosouzapw/awesome-omni-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/testing-security/divek-bi-visual-audit" ~/.claude/skills/diegosouzapw-awesome-omni-skill-divek-bi-visual-audit && rm -rf "$T"

manifest: skills/testing-security/divek-bi-visual-audit/SKILL.md

source content

DiveK BI Visual Audit

Run Visual Audit Workflow

Identify input type.
- ```
screen
```
  : mockup, screenshot, page implementation.
- ```
system
```
  : design tokens, theme files, component kit.
- ```
campaign
```
  : landing page or ad creative.

Load sources in this order.

docs/DiveK_Brand_Identity_Guidelines_EN.md

```
references/visual-rules.md
```

Extract current visual tokens.
- Background colors, accent colors, typography stacks, key spacing.
Evaluate five checks.
- Palette compliance
- Highlight behavior
- Typography compliance
- Minimalist-cinematic layout
- Immersion interruptions
Assign severity.
- ```
P0
```
  : breaks premium direction or default dark immersion.
- ```
P1
```
  : visible mismatch in primary surfaces.
- ```
P2
```
  : polish inconsistency.
Deliver exact remediation with token-level instructions.

Enforce Required Specs

Use theater-black default base:
```
#121212
```
.
Use accent colors for intent highlights only.
- Neon Mint
```
#00FFCC
```
- Seoul Purple
```
#8A2BE2
```
Avoid primary-color language app look and avoid Korea-flag red/blue motifs.
Use UI fonts
```
Inter
```
or
```
Outfit
```
for English.
Use
```
Pretendard
```
for Korean subtitles.
Keep screen composition minimal, focused, and low-clutter.

Audit Highlight Behavior

Use accent highlights for searched words and key learning moments.
Avoid spraying accent colors across non-semantic elements.
Keep contrast readable against dark surfaces.

Return Visual QA Report

Use this format:

## Visual Audit Result
Status: fail
Scope: search results screen

### Violations
- [P0] Base background changed from #121212 to #F7F8FA.
- [P1] Accent colors used on unrelated buttons, reducing highlight meaning.
- [P1] Korean subtitle font not set to Pretendard.

### Fix Instructions
1. Restore dark base surfaces to #121212 family.
2. Limit accent use to keyword highlights and active learning cues.
3. Set subtitle font stack to Pretendard fallback chain.

### Verification
- Dark mode remains default.
- Highlight density is intentional and sparse.
- Typography follows DiveK standard.