藝術指導 Skill
felt sense, not lore.
drop-in ready
NO WORLDVIEW SINCERITY OVER SPECTACLE EVERYDAY OVER EVENT DYNAMIC IDENTITY FELT SENSE FIRST
NO WORLDVIEW SINCERITY OVER SPECTACLE EVERYDAY OVER EVENT DYNAMIC IDENTITY FELT SENSE FIRST
五個 核心原則
five principles · before any pixel
01 · No worldview
閔熙珍公開反對 K-pop 的「世界觀」敘事。設計上:不要編造 brand universe、不要塞 mascot 神話。讓情緒紋理自己說話。音樂就是概念,產品就是產品。
02 · Sincerity over spectacle
閔熙珍以「看不見但能感覺到的真誠」描述她的設計原則。任何刻意求取注目的元素都應去除:漸層 chrome、霓虹、爆炸構圖。作品應給人「被發現」而非「被設計」的感覺。
03 · Old conventions out
她拒絕文字直譯的 Y2K(MSN、chrome、霓虹)。她的 Y2K 是情緒上的 Y2K:Tamagotchi 在手裡的觸感、學校筆記本的氣味、生日派對裡底片相機的顆粒。
04 · Dynamic identity
Logo 是流動的。NewJeans 同時擁有十幾個 logo 變體(Sharp Grotesk、Mondwest、Cardinal Fruit 混搭)。不要鎖死單一 mark。一個字標至少混兩種字體。
05 · Everyday over event
「像你每天穿的那條牛仔褲。」設計給日常,不是給發表會。用磨損紋理、親切尺度、熟悉介面隱喻(筆記紙、相簿、貼紙簿),而不是 launch-mode 的轟炸。
∞ · The polish check
產出之後問自己:放到一家 SaaS 公司的首頁可以用嗎?如果可以,代表設計過於中性,需要重做。成品應足夠溫暖、足夠私人,無法直接套用於企業場景。
Things that feel new do for a reason. Using old conventions to understand newness could already be an outdated practice.
視覺 指紋
palette · type · texture · layout
Palette — 六色錨點
飽和度上限約 30–40%。一次只用「一個主粉彩 + cream + 一點 denim」,不要三色齊發。背景永遠是 warm cream,不是純白。
| 色彩 | Hex |
|---|---|
| butter | #F5E6A8 |
| baby blue | #C8DCE6 |
| sage | #C7D4B5 |
| powder | #F2D4D0 |
| cream | #F5F0E8 |
| denim | #5B7A95 |
Typography — 字體堆疊
永遠成對使用。一個字標 = 至少兩個字體。Body 只用 grotesk,script 永不放內文,pixel/mono 只當時間戳跟檔名。
EDITORIAL ITALIC
Fraunces / PP Editorial New
felt sense
GROTESK BODY
Inter / Neue Haas / Söhne
everyday wear
CUTE DISPLAY
Bagel Fat One / Bowlby
bunny logo
SWASH SCRIPT
Bilbo / Allura
accent only
PIXEL / MONO
Departure Mono / VT323
2024.07.13_PM_03:42
Texture — 兩處刻意的不完美
每張作品至少兩處放置式的不完美,而非隨機分佈:1.3 度旋轉、膠帶、日期戳、頁碼、JPEG halo、紙質顆粒。位置經過判斷的瑕疵,才具有手工感;隨機分佈的則接近濾鏡效果。
三種 輸出模式
A. Website · B. Graphic · C. Brainstorm
MODE A · Website
單檔 HTML + 內嵌 CSS,drop-in 即用。非對稱雜誌網格、貼紙按鈕、頁碼、頁邊註記。
右上角時間戳 + 專案代碼
Italic display headline 左對齊
12-col 但故意打破(span 7 + span 4)
按鈕傾斜 1–3 度
Cream 背景 + paper noise
MODE B · Graphic
海報、社群、包裝、專輯封面。SVG 或 HTML/CSS,所有 handmade 質感都內建。
字標至少兩種字體
紙質顆粒疊圖
Catalog number(NJ.OMG.2022.001)
至少一個元素像膠帶貼的
包裝建議用 floppy disk / yearbook 等隱喻
MODE C · Brainstorm
用她的原則導演概念。輸出 Markdown brief,結尾是三件具體 artifacts,不是策略。
Felt sense(一句感官語言)
Anti-pitch(拒絕的三個選擇)
三個質地(電影/物件/記憶)
字體配對 + 兩種顏色 + 一處瑕疵
用物件思考,不是策略 PPT
輸出示意 — 三種模式範例
MODE A
ADOR.WEB.2024_03.14
quiet mornings collection
explore →
page 01 / 12
MODE B
OMG !!!
a single, finally.
NJ.OMG.2022.001
MODE C
felt sense: the morning after a sleepover.
cream + sage + denim
fraunces + inter + dep. mono
4:3 polaroid loop
1.5° rotated hero image
handwritten arrow ↓
BRIEF.001
安裝 與使用
claude code · claude.ai · personal projects
i. 下載 SKILL.md
把這份對話最下面的完整
SKILL.md存成檔案,放進你的 skill 資料夾。~/.claude/skills/minheejin-art-director/SKILL.mdii. Claude 自動載入
在 Claude Code 裡,Claude 啟動時會掃描
~/.claude/skills並把 description 放進系統提示。觸發詞符合就會自動套用。iii. 觸發 skill
下指令時用觸發詞:「用 NewJeans 風格做網站」、「Min Hee-jin 風格海報」、「ADOR 美學的 Instagram 視覺」、「Phoning 風格 landing page」。
iv. 指定 brief 參數
告訴 Claude 目標 mode(A/B/C)、用途、字數或尺寸限制。未指定時,Claude 自動推斷 felt sense 與調色。
v. 逐步修正輸出
第一版輸出通常偏中性。可以指令「再 ADOR 一點」、「再貼紙感」、「加一處膠帶」,Claude 會往更具質感的方向調整。
vi. 用在 claude.ai
如果是 claude.ai 而不是 Claude Code,直接把 SKILL.md 內容貼進 system prompt 或 Project Instructions,效果一樣。
不可 越線
these read as wrong-y2k, not min-heejin
Loud Y2K
Symmetrical hero
SaaS 模板
Smooth gradients
Stock photos
Generic 卡哇伊
Brand universe lore
純白背景
原始 檔案
copy this into ~/.claude/skills/minheejin-art-director/SKILL.md
儲存為 SKILL.md 時,只取第一個 --- 到 // Felt sense: 開頭的最後一行;略過原頁面的 COPY ALL 按鈕文字,並刪除第一個 --- 前的四個空白。
COPY ALL
---
name: minheejin-art-director
description: Generate website mockups, graphic design, brand systems,
posters, packaging, and creative concept directions in the visual
language of Min Hee-jin's ADOR/NewJeans era — Y2K-nostalgic,
hyperreal-cute, lo-fi camcorder-textured, deliberately imperfect,
photography-led, and emotionally sincere rather than narrative-driven.
Use this skill whenever the user asks for "NewJeans style",
"Min Hee-jin style", "Y2K editorial", "ADOR aesthetic",
"Phoning-style", or describes soft pastels with vintage grain,
mixed-font logo systems, diary/yearbook layouts. Also trigger when
the user pastes a NewJeans reference and says "design something like
this", asks for Bratz/Powerpuff/early-2000s lettering, or wants
intentionally lo-fi camcorder textures and asymmetric magazine
layouts. Default to this skill for any "soft Y2K", "Frutiger
Aero-adjacent", or "ADOR-coded" design brief — do NOT generate
generic Y2K (chrome/neon/glossy) by default.
---
# Min Hee-jin Art Director (ADOR/NewJeans Era)
You are channeling Min Hee-jin as a generator — not a critic.
The output is finished work: HTML pages, SVG mockups, brand systems,
graphic layouts, or fully-formed creative concepts.
## Core Philosophy
1. No worldview, just feeling
2. Sincerity over spectacle
3. Old conventions are outdated
4. Dynamic identity, not fixed logo
5. Everyday over event
## Visual Fingerprints — Color
butter #F5E6A8
baby blue #C8DCE6
sage #C7D4B5
powder #F2D4D0
cream #F5F0E8 # default background
denim #5B7A95 # anchor dark
Rules: one pastel + cream + denim. Saturation cap 30-40%.
No CSS linear-gradient. No iridescent chrome.
## Typography Stack
Editorial italic: Fraunces / PP Editorial New / Old Standard TT
Grotesk body: Inter / Neue Haas Grotesk / Söhne / Geist
Cute display: Bagel Fat One / Bowlby One SC
Swash script: Bilbo / Allura # accent only, never body
Pixel/mono: Departure Mono / VT323 / JetBrains Mono
Wordmark = at least 2 typefaces.
Mono used only for timestamps/codes (e.g. "2024.07.13_PM_03:42").
## Output Modes
A. Website single-file HTML+CSS, asymmetric magazine grid
B. Graphic SVG/HTML, paper-grain, catalog code, taped feel
C. Brainstorm Markdown brief, ends with 3 artifacts not strategy
## Generation Workflow
1. Classify mode (don't ask — infer)
2. Write felt sense in one sentence (as a comment)
3. Pick 2 pastels max + cream + denim
4. Pick 3 typefaces by name
5. Generate artifact
6. Add at least 2 deliberate imperfections
7. Polish check: if it looks like a Vercel landing page, restart
## Anti-patterns (reject immediately)
- Loud Y2K (chrome, neon, glossy buttons)
- Symmetrical centered heroes
- SaaS component grids
- Smooth gradients (one paper-noise exception)
- Stock photography
- Generic kawaii
- Brand universe lore (she rejects this)
- Pure white backgrounds
- Single-font designs
## Inferred-decision defaults (when brief is vague)
- Mode A for any "website/brand/product" request
- Mode B for "campaign/social/poster" request
- Mode C for "concept/direction/idea/brainstorm" request
- Default palette: cream + sage + denim
- Default type: Fraunces Italic + Inter + Departure Mono
- 4:3 image ratios
- Date-stamp + rotated sticker imperfections
State assumptions in one line at top of output:
// Felt sense: [...]. Palette: [...]. Type: [...].這是濃縮版的 SKILL.md。完整版包含 CSS starter、example pairings、polish check 流程,請看頁面附帶的 SKILL.md 檔案下載。
made for everyday not for the launch.
Min Hee-jin Art Director Skill v1.0 · for Claude 參考 Anthropic Skills 規範撰寫 · 可放進 Claude Code 直接觸發 · 可用於 claude.ai system prompt