#!/usr/bin/env bun /** * color-palette-harmonizer * Generates accessible color palette systems using OpenAI. */ import { parseArgs } from "util"; import { existsSync, mkdirSync, appendFileSync } from "fs"; import { join, dirname } from "path"; import { randomUUID } from "crypto"; type OutputFormat = "markdown" | "json"; interface SkillOptions { brief: string; base?: string; constraints?: string; channels: string[]; format: OutputFormat; model: string; output?: string; } interface OpenAIChatResponse { choices?: Array<{ message?: { content?: string | null; }; }>; error?: { message?: string; }; } const SKILL_SLUG = "color-palette-harmonizer"; const SESSION_ID = randomUUID().slice(0, 8); function ensureDir(path: string) { if (!existsSync(path)) { mkdirSync(path, { recursive: true }); } } function getPaths() { const sessionStamp = new Date().toISOString().replace(/[:.]/g, "_").replace(/-/g, "_"); const exportsRoot = process.env.SKILLS_EXPORTS_DIR || join(process.cwd(), ".skills", "exports"); const logsRoot = process.env.SKILLS_LOGS_DIR || join(process.cwd(), ".skills", "logs"); const skillExportsDir = join(exportsRoot, SKILL_SLUG); const skillLogsDir = join(logsRoot, SKILL_SLUG); ensureDir(skillExportsDir); ensureDir(skillLogsDir); return { sessionStamp, skillExportsDir, skillLogsDir, }; } function createLogger(logDir: string, sessionStamp: string) { const logFile = join(logDir, `log_${sessionStamp}_${SESSION_ID}.log`); function write(level: "info" | "success" | "error", message: string) { const timestamp = new Date().toISOString(); const entry = `[${timestamp}] [${level.toUpperCase()}] ${message}\n`; appendFileSync(logFile, entry); const prefix = level === "success" ? "✅" : level === "error" ? "❌" : "ℹ️"; if (level === "error") { console.error(`${prefix} ${message}`); } else { console.log(`${prefix} ${message}`); } } return { info: (message: string) => write("info", message), success: (message: string) => write("success", message), error: (message: string) => write("error", message), logFile, }; } function slugify(value: string): string { return value .toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/^-+|-+$/g, "") .slice(0, 40) || "palette"; } function parseOptions(): SkillOptions { const { values, positionals } = parseArgs({ args: Bun.argv.slice(2), options: { base: { type: "string" }, constraints: { type: "string" }, channels: { type: "string", default: "web,mobile,print" }, format: { type: "string", default: "markdown" }, model: { type: "string", default: "gpt-4o-mini" }, output: { type: "string" }, help: { type: "boolean", short: "h" }, }, allowPositionals: true, }); if (values.help) { console.log(` Color Palette Harmonizer - Generates accessible color palette systems Usage: skills run color-palette-harmonizer -- [options] Options: --brief Palette brief or mood description (or use positional arg) --base Base colors --constraints Constraints --channels Comma-separated channels (default: web,mobile,print) --format Output format: markdown, json (default: markdown) --model OpenAI model to use (default: gpt-4o-mini) --output Save report to file --help, -h Show this help `); process.exit(0); } const brief = positionals.join(" ").trim(); if (!brief) { throw new Error( "A palette brief or mood description is required.\nExample: skills run color-palette-harmonizer -- \"Warm, inclusive health brand\"" ); } const format: OutputFormat = values.format === "json" ? "json" : values.format === "markdown" ? "markdown" : "markdown"; const channels = values.channels ? (values.channels as string) .split(",") .map((c) => c.trim()) .filter(Boolean) : ["web", "mobile", "print"]; return { brief, base: values.base as string, constraints: values.constraints as string, channels: channels.length > 0 ? channels : ["web", "mobile", "print"], format, model: values.model as string, output: values.output as string, }; } function buildPrompt(options: SkillOptions) { const system = `You are a color systems designer and accessibility specialist. Generate a cohesive palette including: - Primary, secondary, accent, neutral, semantic colors (with HEX + optional RGB) - Accessibility scores (WCAG AA/AAA) for light/dark text combinations - Usage guidance (UI tokens, backgrounds, surface, typography) - Gradient suggestions and overlay ideas - Color pairing matrix - Application notes across provided channels - Guardrails: what to avoid to prevent vibrational clashes or brand drift`; const instructions = options.format === "json" ? "Respond in JSON with keys: overview, swatches, accessibility, usage, gradients, channels, guardrails. For swatches include name, role, hex, rgb, contrast_on_light, contrast_on_dark." : "Respond in polished Markdown. Begin with an executive summary blockquote, include tables for swatches and contrast ratios, and bullet lists for usage notes."; const userPayload = { request: "Create an accessible brand palette", brief: options.brief, base_colors: options.base, constraints: options.constraints, channels: options.channels, format: options.format, }; const user = `${instructions}\n\n${JSON.stringify(userPayload, null, 2)}`; return { system, user }; } async function callOpenAI(options: SkillOptions, system: string, user: string): Promise { const apiKey = process.env.OPENAI_API_KEY; if (!apiKey) { throw new Error("OPENAI_API_KEY environment variable is required."); } const body = { model: options.model, messages: [ { role: "system", content: system }, { role: "user", content: user }, ], temperature: 0.48, max_tokens: options.format === "json" ? 2300 : 2000, }; const response = await fetch("https://api.openai.com/v1/chat/completions", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}`, }, body: JSON.stringify(body), }); const data: OpenAIChatResponse = await response.json(); if (!response.ok) { throw new Error(data.error?.message || `OpenAI API error (${response.status})`); } const content = data.choices?.[0]?.message?.content; if (!content) { throw new Error("OpenAI response did not include content."); } return content.trim(); } async function writeExport(path: string, content: string) { ensureDir(dirname(path)); await Bun.write(path, content); } async function run() { const { sessionStamp, skillExportsDir, skillLogsDir } = getPaths(); const logger = createLogger(skillLogsDir, sessionStamp); try { logger.info(`Starting ${SKILL_SLUG} session: ${SESSION_ID}`); const options = parseOptions(); logger.info("Generating color palette system."); logger.info(`Format: ${options.format.toUpperCase()}, Model: ${options.model}`); const { system, user } = buildPrompt(options); const content = await callOpenAI(options, system, user); const paletteSlug = slugify(options.brief.split(/\s+/).slice(0, 3).join("-")); const extension = options.format === "json" ? "json" : "md"; const defaultPath = join(skillExportsDir, `color-palette-${paletteSlug}-${sessionStamp}.${extension}`); const targetPath = options.output ? options.output : defaultPath; let finalContent = content; if (options.format === "json") { try { finalContent = JSON.stringify(JSON.parse(content), null, 2); } catch { logger.error("Model response was not valid JSON. Wrapping raw response."); finalContent = JSON.stringify({ raw: content }, null, 2); } } await writeExport(targetPath, finalContent); logger.success("Color palette guide generated successfully."); console.log("\n=== Palette Preview ===\n"); console.log(finalContent.slice(0, 1500)); if (finalContent.length > 1500) { console.log("\n… (truncated)"); } console.log(`\nExport saved to: ${targetPath}`); console.log(`Logs written to: ${skillLogsDir}`); } catch (error) { const message = error instanceof Error ? error.message : String(error); logger.error(message); process.exit(1); } } run();