@pantoia/ui 0.8.0 → 0.10.0

package/dist/index.js

@@ -1,13 +1,13 @@
 #!/usr/bin/env node
 import { spawnSync } from 'node:child_process';
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
+import { existsSync, lstatSync, mkdirSync, readFileSync, readlinkSync, rmSync, symlinkSync, writeFileSync } from 'node:fs';
+import { dirname, join, relative } from 'node:path';
 import { argv, cwd, exit, platform, stdin, stdout } from 'node:process';
 import { createInterface } from 'node:readline/promises';
 const HERE = join(import.meta.dirname, '..');
 const CONFIG = 'components.json';
-const AGENTS = 'agents/pantoia-ui.md';
-const AGENTS_TARGET = '.claude/agents/pantoia-ui.md';
+const SKILL = 'node_modules/@pantoia/ui/skills/pantoia-design';
+const SKILL_TARGET = '.claude/skills/pantoia-design';
 const STYLES = '@import "@pantoia/ui/tailwind.css";';
 const TAILWIND = /^@import\s+["']tailwindcss["'][^;]*;\s*$/;
 const IMPORTED = /@import\s+["']@pantoia\/ui\//;
@@ -124,19 +124,33 @@ async function copy(item, base, force) {
     }
     return skipped;
 }
-async function copyAgents() {
-    const source = readFileSync(join(HERE, AGENTS), 'utf8');
-    const target = join(cwd(), AGENTS_TARGET);
-    if (existsSync(target) && readFileSync(target, 'utf8') === source)
-        return version();
-    if (!await confirm(`Claude Code 에이전트 파일 ${AGENTS_TARGET}을 만들까요?`, true))
-        return undefined;
-    if (existsSync(target) && !await confirm(`${AGENTS_TARGET} 파일이 이미 있어요. 덮어쓸까요?`))
-        return undefined;
-    mkdirSync(dirname(target), { recursive: true });
-    writeFileSync(target, source);
-    console.log(`${AGENTS_TARGET}을 만들었어요.`);
-    return version();
+function present(path) {
+    try {
+        lstatSync(path);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+async function linkSkill() {
+    const target = join(cwd(), SKILL_TARGET);
+    const source = relative(dirname(target), join(cwd(), SKILL));
+    if (present(target) && lstatSync(target).isSymbolicLink() && readlinkSync(target) === source)
+        return;
+    if (!await confirm(`Claude Code 스킬 ${SKILL_TARGET}을 만들까요?`, true))
+        return;
+    if (present(target) && !await confirm(`${SKILL_TARGET}이 이미 있어요. 링크로 바꿀까요?`))
+        return;
+    try {
+        rmSync(target, { recursive: true, force: true });
+        mkdirSync(dirname(target), { recursive: true });
+        symlinkSync(source, target, 'dir');
+        console.log(`${SKILL_TARGET}을 만들었어요. ${SKILL}에 연결돼요.`);
+    }
+    catch {
+        console.log(`${SKILL_TARGET}을 만들지 못했어요. Windows에서는 개발자 모드를 켜고 다시 실행하세요.`);
+    }
 }
 function detect() {
     return LAYOUTS.find(layout => existsSync(join(cwd(), layout.css))) ?? LAYOUTS[0];
@@ -228,8 +242,8 @@ async function commandInit(args) {
     const { head, tail } = additions(text, fonts);
     const needed = head.length > 0 || tail.length > 0;
     const added = needed && await importStyles(css, head, tail);
-    const agents = await copyAgents();
-    writeConfig({ path, css, agents, components: {} });
+    await linkSkill();
+    writeConfig({ path, css, components: {} });
     if (stdin.isTTY)
         console.log('');
     console.log(`${CONFIG}을 만들었어요. 컴포넌트는 ${path}에 저장돼요.`);
@@ -349,9 +363,6 @@ async function commandDiff(args) {
             show(shown, readFileSync(target, 'utf8'), readFileSync(join(HERE, file.path), 'utf8'));
         }
     }
-    const agents = join(cwd(), AGENTS_TARGET);
-    if (names.length === 0 && config.agents && existsSync(agents))
-        show(AGENTS_TARGET, readFileSync(agents, 'utf8'), readFileSync(join(HERE, AGENTS), 'utf8'));
     if (changed === 0)
         console.log('달라진 파일이 없어요.');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoia/ui",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Pantoia Design System",
   "homepage": "https://design.pantoia.com",
   "repository": {
@@ -13,7 +13,7 @@
     "pantoia-ui": "./dist/index.js"
   },
   "files": [
-    "agents/pantoia-ui.md",
+    "skills/pantoia-design/SKILL.md",
     "*/index.tsx",
     "*/index.module.css",
     "dist",

package/palette.css

@@ -3,9 +3,9 @@
   --pds-gray-400:#b0b8c1;  --pds-gray-500:#8b95a1; --pds-gray-600:#6b7684; --pds-gray-700:#4e5968;
   --pds-gray-800:#333d4b;  --pds-gray-900:#191f28;
 
-  --pds-brand-50:#f5f1fd;  --pds-brand-100:#e4d6ff; --pds-brand-200:#ceb0ff; --pds-brand-300:#bb8ffa;
-  --pds-brand-400:#aa74f2; --pds-brand-500:#9c63e4; --pds-brand-600:#8750c9; --pds-brand-700:#7543b0;
-  --pds-brand-800:#633997; --pds-brand-900:#54317f;
+  --pds-brand-50:#e4ebf6;  --pds-brand-100:#c7daf7; --pds-brand-200:#9fc1f8; --pds-brand-300:#78a7f9;
+  --pds-brand-400:#5c90f9; --pds-brand-500:#4c7bf7; --pds-brand-600:#4569ed; --pds-brand-700:#3e5eda;
+  --pds-brand-800:#3653c3; --pds-brand-900:#2e48aa;
 
   --pds-blue-50:#e8f3ff;  --pds-blue-100:#c9e2ff; --pds-blue-200:#90c2ff; --pds-blue-300:#64a8ff;
   --pds-blue-400:#4593fc; --pds-blue-500:#3182f6; --pds-blue-600:#2272eb; --pds-blue-700:#1b64da;
@@ -29,9 +29,9 @@
   --pds-gray-400:#62626d;  --pds-gray-500:#7e7e87; --pds-gray-600:#9e9ea4; --pds-gray-700:#c3c3c6;
   --pds-gray-800:#e4e4e5;  --pds-gray-900:#ffffff;
 
-  --pds-brand-50:#362949;  --pds-brand-100:#462e66; --pds-brand-200:#583682; --pds-brand-300:#6b3fa0;
-  --pds-brand-400:#8451c4; --pds-brand-500:#9c63e4; --pds-brand-600:#ad75f7; --pds-brand-700:#c094ff;
-  --pds-brand-800:#d6baff; --pds-brand-900:#eadeff;
+  --pds-brand-50:#222f4e;  --pds-brand-100:#23396f; --pds-brand-200:#29448e; --pds-brand-300:#3051af;
+  --pds-brand-400:#3d67d5; --pds-brand-500:#4c7bf7; --pds-brand-600:#6290ff; --pds-brand-700:#86aaff;
+  --pds-brand-800:#b1c8ff; --pds-brand-900:#d9e5ff;
 
   --pds-blue-50:#202c4d;  --pds-blue-100:#23386a; --pds-blue-200:#25478c; --pds-blue-300:#265ab3;
   --pds-blue-400:#2970d9; --pds-blue-500:#3485fa; --pds-blue-600:#449bff; --pds-blue-700:#61b0ff;

package/{agents/pantoia-ui.md → skills/pantoia-design/SKILL.md}

@@ -1,6 +1,6 @@
 ---
-name: pantoia-ui
-description: PANTOIA Design System(@pantoia/ui)으로 화면을 만들거나 고칠 때 쓴다. 컴포넌트 고르기, 토큰과 클래스, 커스텀 값 추가, 컴포넌트 내려받기를 다룬다
+name: pantoia-design
+description: PANTOIA Design System(@pantoia/ui)으로 화면을 만들거나 고칠 때 쓴다. 컴포넌트 고르기, 토큰과 클래스, 커스텀 값 추가, 컴포넌트 내려받기를 다룬다. 사용자가 PANTOIA를 말하지 않아도 이 프로젝트에서 React 화면, 폼, 버튼, 색, 간격을 다루면 쓴다
 ---
 
 # @pantoia/ui