@yoka-ui/ui 1.0.6 → 1.0.7

package/dist/es/components/YKMarkdown/index.js

@@ -0,0 +1,236 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+});
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/components/YKMarkdown/index.tsx
+import MarkdownPreview from "@uiw/react-markdown-preview";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import styles from "./index.module.less";
+var YKMarkdown = ({ markdown, showToc = false }) => {
+  const contentRef = useRef(null);
+  const [headings, setHeadings] = useState([]);
+  useEffect(() => {
+    if (!showToc) {
+      setHeadings([]);
+      return;
+    }
+    if (!contentRef.current)
+      return;
+    const headingElements = contentRef.current.querySelectorAll("h1, h2, h3, h4, h5, h6");
+    const headingList = Array.from(headingElements).map((el) => ({
+      id: el.id,
+      text: el.textContent || "",
+      level: parseInt(el.tagName.charAt(1), 10)
+    }));
+    setHeadings(headingList);
+  }, [markdown, showToc]);
+  const handleScrollTo = useCallback((id) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", { className: styles.container }, showToc && headings.length > 0 && /* @__PURE__ */ React.createElement("div", { className: styles.toc }, /* @__PURE__ */ React.createElement("h3", null, "目录"), /* @__PURE__ */ React.createElement("ul", { style: { paddingLeft: "16px", fontSize: "12px", color: "#666" } }, headings.map((heading) => /* @__PURE__ */ React.createElement(
+    "li",
+    {
+      key: heading.id,
+      style: {
+        marginLeft: `${(heading.level - 1) * 12}px`,
+        listStyle: "none",
+        marginBottom: "8px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        href: `#${heading.id}`,
+        onClick: (e) => {
+          e.preventDefault();
+          handleScrollTo(heading.id);
+        },
+        style: { color: "#000", textDecoration: "none" }
+      },
+      heading.text
+    )
+  )))), /* @__PURE__ */ React.createElement("div", { ref: contentRef, className: styles.content }, /* @__PURE__ */ React.createElement(
+    MarkdownPreview,
+    {
+      source: markdown,
+      components: { code: Code, pre: Pre },
+      style: { padding: 16 }
+    }
+  )), showToc && headings.length > 0 && /* @__PURE__ */ React.createElement("div", { className: styles.spacer }));
+};
+var MermaidCode = ({ code, className }) => {
+  const demoid = useMemo(() => `dome${parseInt(String(Math.random() * 1e15), 10).toString(36)}`, []);
+  const [container, setContainer] = useState(null);
+  const [mermaidInstance, setMermaidInstance] = useState(null);
+  const isMermaid = className && /^language-mermaid/.test(className.toLocaleLowerCase());
+  useEffect(() => {
+    if (isMermaid && !mermaidInstance) {
+      Promise.resolve().then(() => __toESM(__require("mermaid"))).then((mod) => {
+        setMermaidInstance(mod.default || mod);
+      });
+    }
+  }, [isMermaid, mermaidInstance]);
+  const reRender = useCallback(() => __async(void 0, null, function* () {
+    if (container && isMermaid && mermaidInstance) {
+      try {
+        const str = yield mermaidInstance.render(demoid, code);
+        container.innerHTML = str.svg;
+      } catch (error) {
+        container.innerHTML = String(error);
+      }
+    }
+  }), [container, isMermaid, code, demoid, mermaidInstance]);
+  useEffect(() => {
+    reRender();
+  }, [reRender]);
+  const refElement = useCallback((node) => {
+    if (node !== null) {
+      setContainer(node);
+    }
+  }, []);
+  if (isMermaid) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("code", { id: demoid, style: { display: "none" } }), /* @__PURE__ */ React.createElement("code", { ref: refElement, "data-name": "mermaid" }));
+  }
+  return /* @__PURE__ */ React.createElement("code", null, code);
+};
+var getCodeString = (children) => {
+  let result = "";
+  const traverse = (nodes) => {
+    for (const node of nodes) {
+      if (typeof node === "object" && node !== null && "type" in node) {
+        const n = node;
+        if (n.type === "text" && n.value) {
+          result += n.value;
+        } else if (n.children) {
+          traverse(n.children);
+        }
+      }
+    }
+  };
+  traverse(children);
+  return result;
+};
+var Code = (_a) => {
+  var _b = _a, { inline, children, className, node } = _b, props = __objRest(_b, ["inline", "children", "className", "node"]);
+  if (inline) {
+    return /* @__PURE__ */ React.createElement("code", __spreadValues({}, props), children);
+  }
+  const code = (node == null ? void 0 : node.children) ? getCodeString(node.children) : Array.isArray(children) ? String(children[0] || "") : String(children || "");
+  return /* @__PURE__ */ React.createElement(MermaidCode, { code, className });
+};
+var Pre = (_a) => {
+  var _b = _a, { children, node } = _b, props = __objRest(_b, ["children", "node"]);
+  let codeStr = "";
+  let mermaidCode = "";
+  let mermaidClassName = "";
+  React.Children.forEach(children, (child) => {
+    var _a2, _b2;
+    if (React.isValidElement(child)) {
+      const childProps = child.props;
+      if (childProps == null ? void 0 : childProps.node) {
+        codeStr = getCodeString(childProps.node.children);
+      }
+      if ((_b2 = (_a2 = childProps == null ? void 0 : childProps.className) == null ? void 0 : _a2.includes) == null ? void 0 : _b2.call(_a2, "language-mermaid")) {
+        mermaidCode = codeStr;
+        mermaidClassName = childProps.className || "";
+      }
+    }
+  });
+  if (!codeStr && (node == null ? void 0 : node.children)) {
+    codeStr = getCodeString(node.children);
+  }
+  const renderContent = (child) => {
+    var _a2, _b2, _c, _d;
+    if (React.isValidElement(child)) {
+      const childElement = child;
+      if ((_c = (_b2 = (_a2 = childElement.props) == null ? void 0 : _a2.className) == null ? void 0 : _b2.includes) == null ? void 0 : _c.call(_b2, "language-mermaid")) {
+        return /* @__PURE__ */ React.createElement(MermaidCode, { code: mermaidCode, className: mermaidClassName });
+      }
+      return React.cloneElement(childElement, {
+        children: React.Children.map((_d = childElement.props) == null ? void 0 : _d.children, renderContent)
+      });
+    }
+    return child;
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: styles.codeBlock }, /* @__PURE__ */ React.createElement("pre", __spreadValues({}, props), React.Children.map(children, renderContent)));
+};
+var YKMarkdown_default = YKMarkdown;
+export {
+  YKMarkdown_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/components/YKMarkdown/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YKMarkdown/index.tsx"],
+  "sourcesContent": ["/**\n * Markdown 渲染器组件\n */\n\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport styles from './index.module.less';\n\ninterface HeadingItem {\n  id: string;\n  text: string;\n  level: number;\n}\n\nexport interface YKMarkdownProps {\n  markdown: string;\n  showToc?: boolean;\n  language?: string;\n}\n\nconst YKMarkdown: React.FC<YKMarkdownProps> = ({ markdown, showToc = false }) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [headings, setHeadings] = useState<HeadingItem[]>([]);\n\n  useEffect(() => {\n    if (!showToc) {\n      setHeadings([]);\n      return;\n    }\n    if (!contentRef.current) return;\n\n    const headingElements = contentRef.current.querySelectorAll('h1, h2, h3, h4, h5, h6');\n    const headingList: HeadingItem[] = Array.from(headingElements).map((el: HTMLElement) => ({\n      id: el.id,\n      text: el.textContent || '',\n      level: parseInt(el.tagName.charAt(1), 10),\n    }));\n\n    setHeadings(headingList);\n  }, [markdown, showToc]);\n\n  const handleScrollTo = useCallback((id: string) => {\n    const element = document.getElementById(id);\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }, []);\n\n  return (\n    <div className={styles.container}>\n      {showToc && headings.length > 0 && (\n        <div className={styles.toc}>\n          <h3>目录</h3>\n          <ul style={{ paddingLeft: '16px', fontSize: '12px', color: '#666' }}>\n            {headings.map((heading) => (\n              <li\n                key={heading.id}\n                style={{\n                  marginLeft: `${(heading.level - 1) * 12}px`,\n                  listStyle: 'none',\n                  marginBottom: '8px',\n                }}\n              >\n                <a\n                  href={`#${heading.id}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    handleScrollTo(heading.id);\n                  }}\n                  style={{ color: '#000', textDecoration: 'none' }}\n                >\n                  {heading.text}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      <div ref={contentRef} className={styles.content}>\n        <MarkdownPreview\n          source={markdown}\n          components={{ code: Code as React.ComponentType, pre: Pre as React.ComponentType }}\n          style={{ padding: 16 }}\n        />\n      </div>\n\n      {showToc && headings.length > 0 && <div className={styles.spacer} />}\n    </div>\n  );\n};\n\ninterface MermaidInstance {\n  render: (id: string, code: string) => Promise<{ svg: string }>;\n}\n\nconst MermaidCode: React.FC<{ code: string; className?: string }> = ({ code, className }) => {\n  const demoid = useMemo(() => `dome${parseInt(String(Math.random() * 1e15), 10).toString(36)}`, []);\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const [mermaidInstance, setMermaidInstance] = useState<MermaidInstance | null>(null);\n  const isMermaid = className && /^language-mermaid/.test(className.toLocaleLowerCase());\n\n  useEffect(() => {\n    if (isMermaid && !mermaidInstance) {\n      import('mermaid').then((mod) => {\n        // @ts-expect-error mermaid module type\n        setMermaidInstance(mod.default || mod);\n      });\n    }\n  }, [isMermaid, mermaidInstance]);\n\n  const reRender = useCallback(async () => {\n    if (container && isMermaid && mermaidInstance) {\n      try {\n        const str = await mermaidInstance.render(demoid, code);\n        container.innerHTML = str.svg;\n      } catch (error) {\n        container.innerHTML = String(error);\n      }\n    }\n  }, [container, isMermaid, code, demoid, mermaidInstance]);\n\n  useEffect(() => {\n    reRender();\n  }, [reRender]);\n\n  const refElement = useCallback((node: HTMLElement | null) => {\n    if (node !== null) {\n      setContainer(node);\n    }\n  }, []);\n\n  if (isMermaid) {\n    return (\n      <>\n        <code id={demoid} style={{ display: 'none' }} />\n        <code ref={refElement} data-name='mermaid' />\n      </>\n    );\n  }\n  return <code>{code}</code>;\n};\n\ninterface CodeProps {\n  inline?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  node?: { children?: unknown[] };\n  [key: string]: unknown;\n}\n\nconst getCodeString = (children: unknown[]): string => {\n  let result = '';\n  const traverse = (nodes: unknown[]) => {\n    for (const node of nodes) {\n      if (typeof node === 'object' && node !== null && 'type' in node) {\n        const n = node as { type: string; children?: unknown[]; value?: string };\n        if (n.type === 'text' && n.value) {\n          result += n.value;\n        } else if (n.children) {\n          traverse(n.children);\n        }\n      }\n    }\n  };\n  traverse(children);\n  return result;\n};\n\nconst Code: React.FC<CodeProps> = ({ inline, children, className, node, ...props }) => {\n  if (inline) {\n    return <code {...props}>{children}</code>;\n  }\n  const code = node?.children\n    ? getCodeString(node.children as unknown[])\n    : Array.isArray(children)\n      ? String(children[0] || '')\n      : String(children || '');\n  return <MermaidCode code={code} className={className} />;\n};\n\ninterface PreProps {\n  children?: React.ReactNode;\n  node?: { children?: unknown[] };\n  [key: string]: unknown;\n}\n\nconst Pre: React.FC<PreProps> = ({ children, node, ...props }) => {\n  let codeStr = '';\n  let mermaidCode = '';\n  let mermaidClassName = '';\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as CodeProps;\n      if (childProps?.node) {\n        codeStr = getCodeString(childProps.node.children as unknown[]);\n      }\n      if (childProps?.className?.includes?.('language-mermaid')) {\n        mermaidCode = codeStr;\n        mermaidClassName = childProps.className || '';\n      }\n    }\n  });\n  if (!codeStr && node?.children) {\n    codeStr = getCodeString(node.children as unknown[]);\n  }\n\n  const renderContent = (child: React.ReactNode): React.ReactNode => {\n    if (React.isValidElement(child)) {\n      const childElement = child as React.ReactElement<{ children?: React.ReactNode; className?: string }>;\n      if (childElement.props?.className?.includes?.('language-mermaid')) {\n        return <MermaidCode code={mermaidCode} className={mermaidClassName} />;\n      }\n      return React.cloneElement(childElement, {\n        children: React.Children.map(childElement.props?.children, renderContent),\n      });\n    }\n    return child;\n  };\n\n  return (\n    <div className={styles.codeBlock}>\n      <pre {...props}>{React.Children.map(children, renderContent)}</pre>\n    </div>\n  );\n};\n\nexport default YKMarkdown;\n"],
+  "mappings": "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",
+  "names": ["_a", "_b"]
+}

package/dist/es/components/YKMarkdown/index.module.less

@@ -0,0 +1,83 @@
+.container {
+  display: flex;
+  gap: 24px;
+  position: relative;
+}
+
+.toc {
+  width: 220px;
+  flex-shrink: 0;
+  position: sticky;
+  top: 80px;
+  max-height: calc(100vh - 96px);
+  overflow-y: auto;
+  z-index: 10;
+  background-color: #fff;
+}
+
+.content {
+  flex: 1;
+  min-width: 0;
+}
+
+.codeBlock {
+  position: relative;
+
+  .copyBtn {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    padding: 4px 8px;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 4px;
+    cursor: pointer;
+    color: #999;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+    z-index: 10;
+    opacity: 0;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.2);
+      color: #fff;
+    }
+
+    &.success {
+      color: #52c41a;
+      border-color: #52c41a;
+      opacity: 1;
+    }
+  }
+}
+
+.codeBlock:hover .copyBtn {
+  opacity: 1;
+}
+
+.spacer {
+  width: 220px;
+  flex-shrink: 0;
+}
+
+@media (max-width: 1024px) {
+  .container {
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .toc {
+    width: 100%;
+    position: static;
+    max-height: none;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 16px;
+  }
+
+  .spacer {
+    display: none;
+  }
+}

package/dist/es/components/YkDateRangePicker/YkDateRangePicker.mdx

@@ -36,7 +36,7 @@ import * as YkDateRangePickerStories from './index.stories';
 
 ```tsx
 import { useState, useRef } from 'react';
-import { YkDateRangePicker, type DateRangeValue, type YkDateRangePickerRef } from '@yoka/ui';
+import { YkDateRangePicker, type DateRangeValue, type YkDateRangePickerRef } from '@yoka-ui/ui';
 import dayjs from 'dayjs';
 
 function App() {
@@ -138,10 +138,10 @@ onChange={(val) => {
 
 ## ⚠️ 注意事项
 
-1. **样式引入**：业务侧使用 `@yoka/ui` 时，需确保引入 Ant Design 全局样式和组件库样式：
+1. **样式引入**：业务侧使用 `@yoka-ui/ui` 时，需确保引入 Ant Design 全局样式和组件库样式：
    ```tsx
    import 'antd/dist/reset.css';
-   import '@yoka/ui/dist/index.less';
+   import '@yoka-ui/ui/dist/index.less';
    ```
 
 2. **版本要求**：需要 React 18+ 和 Ant Design 5+，与库的版本保持一致。

package/dist/es/creative/GlassSegmentedRadio/index.d.ts

@@ -14,7 +14,7 @@ export type GlassSegmentedRadioProps = Omit<React.ComponentPropsWithoutRef<'div'
  * 毛玻璃分段单选：滑块随选中项平移，每一档对应独立渐变配色（银/金/铂等）；容器在 `html[data-theme="light"]` 下为浅色毛玻璃。
  * 请为分组设置 `aria-label` 或 `aria-labelledby` 以便读屏识别。
  */
-export declare const GlassSegmentedRadio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange" | "role" | "children"> & {
+export declare const GlassSegmentedRadio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "role" | "onChange"> & {
     options: GlassSegmentOption[];
     value: string;
     onChange: (value: string) => void;

package/dist/es/creative/SkillsWriter/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SkillsWriter: React.FC;
+export default SkillsWriter;

package/dist/es/creative/SkillsWriter/index.js

@@ -0,0 +1,191 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/creative/SkillsWriter/index.tsx
+import { CloudDownloadOutlined, FolderOpenOutlined } from "@ant-design/icons";
+import { Button, Card, Checkbox, message, Space, Typography } from "antd";
+import JSZip from "jszip";
+import React, { useState } from "react";
+import styles from "./index.module.less";
+var { Text, Title } = Typography;
+var { Group: CheckboxGroup } = Checkbox;
+var skillsOptions = [
+  {
+    id: "traue",
+    path: ".trae/skills/",
+    label: "Traue",
+    description: "Traue IDE 的 skills 插件目录"
+  },
+  {
+    id: "cursor",
+    path: ".cursor/skills/",
+    label: "Cursor",
+    description: "Cursor IDE 的 skills 插件目录"
+  },
+  {
+    id: "codebuddy",
+    path: ".codebuddy/skills/",
+    label: "CodeBuddy",
+    description: "CodeBuddy 的 skills 插件目录"
+  },
+  {
+    id: "claudeCode",
+    path: ".claude/skills/",
+    label: "Claude Code",
+    description: "Claude Code 的 skills 插件目录"
+  },
+  {
+    id: "qwenCode",
+    path: ".qwen/skills/",
+    label: "Qwen Code",
+    description: "Qwen Code 的 skills 插件目录"
+  },
+  {
+    id: "openAICodex",
+    path: ".codex/skills/",
+    label: "OpenAI Codex",
+    description: "OpenAI Codex 的 skills 插件目录"
+  },
+  {
+    id: "standard",
+    path: ".skills/",
+    label: "标准目录",
+    description: "标准 skills 配置目录"
+  }
+];
+var SkillsWriter = () => {
+  const [selectedIds, setSelectedIds] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const isSupported = typeof window !== "undefined" && "showDirectoryPicker" in window;
+  const handleCheckboxChange = (checkedIds) => {
+    setSelectedIds(checkedIds);
+  };
+  const selectedSkills = skillsOptions.filter((opt) => selectedIds.includes(opt.id));
+  const createDirectoryHandle = (baseHandle, pathParts) => __async(void 0, null, function* () {
+    let currentHandle = baseHandle;
+    for (const part of pathParts) {
+      try {
+        currentHandle = yield currentHandle.getDirectoryHandle(part, { create: true });
+      } catch (e) {
+        currentHandle = yield currentHandle.getDirectoryHandle(part);
+      }
+    }
+    return currentHandle;
+  });
+  const writeFile = (handle, filePath, content) => __async(void 0, null, function* () {
+    const pathParts = filePath.split("/").filter((p) => p);
+    const fileName = pathParts.pop();
+    const dirHandle = yield createDirectoryHandle(handle, pathParts);
+    const fileHandle = yield dirHandle.getFileHandle(fileName, { create: true });
+    const writable = yield fileHandle.createWritable();
+    yield writable.write(content);
+    yield writable.close();
+  });
+  const downloadAndExtractSkills = () => __async(void 0, null, function* () {
+    if (selectedSkills.length === 0) {
+      message.error("请至少选择一个工具");
+      return;
+    }
+    if (!("showDirectoryPicker" in window)) {
+      message.error("当前浏览器不支持目录选择器");
+      return;
+    }
+    try {
+      const handle = yield window.showDirectoryPicker();
+      setLoading(true);
+      const response = yield fetch("/skills.zip");
+      if (!response.ok) {
+        throw new Error("下载失败，请稍后重试");
+      }
+      const blob = yield response.blob();
+      const zip = yield JSZip.loadAsync(blob);
+      const selectedPaths = selectedSkills.map((s) => s.path);
+      const skillsFolderEntry = Object.entries(zip.files).find(
+        ([path]) => path === "yoka-ui" || path.startsWith("yoka-ui/")
+      );
+      if (!skillsFolderEntry) {
+        throw new Error("压缩包中未找到 yoka-ui 目录");
+      }
+      let totalCount = 0;
+      for (const selectedPath of selectedPaths) {
+        const normalizedPath = selectedPath.replace(/^\//, "").replace(/\/$/, "");
+        const pathParts = normalizedPath.split("/");
+        let currentHandle = handle;
+        for (const part of pathParts) {
+          try {
+            currentHandle = yield currentHandle.getDirectoryHandle(part, { create: true });
+          } catch (e) {
+            currentHandle = yield currentHandle.getDirectoryHandle(part);
+          }
+        }
+        let skillsHandle;
+        try {
+          skillsHandle = yield currentHandle.getDirectoryHandle("yoka-ui", { create: true });
+        } catch (e) {
+          skillsHandle = yield currentHandle.getDirectoryHandle("yoka-ui");
+        }
+        for (const [filePath, zipEntry] of Object.entries(zip.files)) {
+          if (filePath.startsWith("yoka-ui/")) {
+            const relativePath = filePath.replace("yoka-ui/", "");
+            if (!zipEntry.dir && relativePath) {
+              const content = yield zipEntry.async("uint8array");
+              yield writeFile(skillsHandle, relativePath, content);
+              totalCount++;
+            }
+          }
+        }
+      }
+      message.success(`成功添加 ${totalCount} 个文件到项目`);
+    } catch (err) {
+      if (err instanceof Error && err.name === "AbortError") {
+      } else {
+        console.error("添加到项目失败:", err);
+        message.error(err instanceof Error ? err.message : "添加到项目失败");
+      }
+    } finally {
+      setLoading(false);
+    }
+  });
+  return /* @__PURE__ */ React.createElement("div", { className: styles.skillsWriter }, /* @__PURE__ */ React.createElement(Card, { className: styles.card }, /* @__PURE__ */ React.createElement("div", { className: styles.header }, /* @__PURE__ */ React.createElement(CloudDownloadOutlined, { style: { fontSize: 20, color: "#1890ff" } }), /* @__PURE__ */ React.createElement(Title, { level: 5, style: { margin: 0, fontSize: 20, fontWeight: 600 } }, "Skills 同步工具")), /* @__PURE__ */ React.createElement(Text, { type: "secondary", style: { display: "block", marginBottom: 16 } }, "将 YokaUI Skills 同步到本地 IDE 的插件目录中"), /* @__PURE__ */ React.createElement(
+    CheckboxGroup,
+    {
+      value: selectedIds,
+      onChange: (values) => handleCheckboxChange(values),
+      style: { display: "flex", flexDirection: "column", gap: 8 }
+    },
+    skillsOptions.map((option) => /* @__PURE__ */ React.createElement(Checkbox, { key: option.id, value: option.id, style: { alignItems: "flex-start" } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(Text, { strong: true }, option.label), /* @__PURE__ */ React.createElement(Text, { type: "secondary", style: { fontSize: 12 } }, "(", option.path, ")")), /* @__PURE__ */ React.createElement(Text, { type: "secondary", style: { fontSize: 12, marginTop: 2 } }, option.description))))
+  ), /* @__PURE__ */ React.createElement("div", { className: styles.actions }, /* @__PURE__ */ React.createElement(Space, { direction: "vertical", style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "primary",
+      icon: /* @__PURE__ */ React.createElement(FolderOpenOutlined, null),
+      onClick: downloadAndExtractSkills,
+      loading,
+      disabled: selectedSkills.length === 0 || !isSupported
+    },
+    "同步到本地"
+  ), !isSupported && /* @__PURE__ */ React.createElement(Text, { type: "warning", style: { fontSize: 12 } }, "需要 HTTPS 或 localhost 环境，请手动下载")), /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(Button, { icon: /* @__PURE__ */ React.createElement(CloudDownloadOutlined, null), href: "/skills.zip", download: true }, "手动下载 skills.zip"), /* @__PURE__ */ React.createElement(Text, { type: "secondary", style: { fontSize: 12 } }, "解压到对应工具的 skills 目录"))))));
+};
+var SkillsWriter_default = SkillsWriter;
+export {
+  SkillsWriter_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/creative/SkillsWriter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/creative/SkillsWriter/index.tsx"],
+  "sourcesContent": ["import { CloudDownloadOutlined, FolderOpenOutlined } from '@ant-design/icons';\nimport { Button, Card, Checkbox, message, Space, Typography } from 'antd';\nimport JSZip from 'jszip';\nimport React, { useState } from 'react';\nimport styles from './index.module.less';\n\nconst { Text, Title } = Typography;\nconst { Group: CheckboxGroup } = Checkbox;\n\n// 确认支持 skills 的工具及其路径\nconst skillsOptions = [\n  {\n    id: 'traue',\n    path: '.trae/skills/',\n    label: 'Traue',\n    description: 'Traue IDE 的 skills 插件目录',\n  },\n  {\n    id: 'cursor',\n    path: '.cursor/skills/',\n    label: 'Cursor',\n    description: 'Cursor IDE 的 skills 插件目录',\n  },\n  {\n    id: 'codebuddy',\n    path: '.codebuddy/skills/',\n    label: 'CodeBuddy',\n    description: 'CodeBuddy 的 skills 插件目录',\n  },\n  {\n    id: 'claudeCode',\n    path: '.claude/skills/',\n    label: 'Claude Code',\n    description: 'Claude Code 的 skills 插件目录',\n  },\n  {\n    id: 'qwenCode',\n    path: '.qwen/skills/',\n    label: 'Qwen Code',\n    description: 'Qwen Code 的 skills 插件目录',\n  },\n  {\n    id: 'openAICodex',\n    path: '.codex/skills/',\n    label: 'OpenAI Codex',\n    description: 'OpenAI Codex 的 skills 插件目录',\n  },\n  {\n    id: 'standard',\n    path: '.skills/',\n    label: '标准目录',\n    description: '标准 skills 配置目录',\n  },\n];\n\nconst SkillsWriter: React.FC = () => {\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  const isSupported = typeof window !== 'undefined' && 'showDirectoryPicker' in window;\n\n  const handleCheckboxChange = (checkedIds: string[]) => {\n    setSelectedIds(checkedIds);\n  };\n\n  const selectedSkills = skillsOptions.filter((opt) => selectedIds.includes(opt.id));\n\n  // 递归创建目录\n  const createDirectoryHandle = async (baseHandle: FileSystemDirectoryHandle, pathParts: string[]) => {\n    let currentHandle = baseHandle;\n    for (const part of pathParts) {\n      try {\n        currentHandle = await currentHandle.getDirectoryHandle(part, { create: true });\n      } catch {\n        currentHandle = await currentHandle.getDirectoryHandle(part);\n      }\n    }\n    return currentHandle;\n  };\n\n  // 递归写入文件\n  const writeFile = async (handle: FileSystemDirectoryHandle, filePath: string, content: Uint8Array) => {\n    const pathParts = filePath.split('/').filter((p) => p);\n    const fileName = pathParts.pop()!;\n    const dirHandle = await createDirectoryHandle(handle, pathParts);\n    const fileHandle = await dirHandle.getFileHandle(fileName, { create: true });\n    const writable = await fileHandle.createWritable();\n    await writable.write(content as BufferSource);\n    await writable.close();\n  };\n\n  // 下载并解压 skills.zip\n  const downloadAndExtractSkills = async () => {\n    if (selectedSkills.length === 0) {\n      message.error('请至少选择一个工具');\n      return;\n    }\n\n    // 检查是否支持目录选择器\n    if (!('showDirectoryPicker' in window)) {\n      message.error('当前浏览器不支持目录选择器');\n      return;\n    }\n\n    try {\n      // 1. 先让用户选择目录\n      const handle = await (window as Window & { showDirectoryPicker?: () => Promise<FileSystemDirectoryHandle> })\n        .showDirectoryPicker!();\n\n      // 2. 用户选择目录后开始处理\n      setLoading(true);\n\n      // 3. 下载 skills.zip\n      const response = await fetch('/skills.zip');\n      if (!response.ok) {\n        throw new Error('下载失败，请稍后重试');\n      }\n      const blob = await response.blob();\n\n      // 4. 解压 zip 文件，把 skills/yoka-ui 文件夹写入到用户选择的路径下\n      const zip = await JSZip.loadAsync(blob);\n\n      // 获取用户选择的路径列表\n      const selectedPaths = selectedSkills.map((s) => s.path);\n\n      // 找到 zip 中的 yoka-ui 文件夹\n      const skillsFolderEntry = Object.entries(zip.files).find(\n        ([path]) => path === 'yoka-ui' || path.startsWith('yoka-ui/'),\n      );\n\n      if (!skillsFolderEntry) {\n        throw new Error('压缩包中未找到 yoka-ui 目录');\n      }\n\n      // 对每个用户选择的路径，创建 yoka-ui 文件夹并写入内容\n      let totalCount = 0;\n\n      for (const selectedPath of selectedPaths) {\n        // 在用户选择的路径下创建 yoka-ui 文件夹\n        const normalizedPath = selectedPath.replace(/^\\//, '').replace(/\\/$/, '');\n        const pathParts = normalizedPath.split('/');\n\n        let currentHandle = handle;\n        for (const part of pathParts) {\n          try {\n            currentHandle = await currentHandle.getDirectoryHandle(part, { create: true });\n          } catch {\n            currentHandle = await currentHandle.getDirectoryHandle(part);\n          }\n        }\n\n        // 创建 yoka-ui 文件夹\n        let skillsHandle: FileSystemDirectoryHandle;\n        try {\n          skillsHandle = await currentHandle.getDirectoryHandle('yoka-ui', { create: true });\n        } catch {\n          skillsHandle = await currentHandle.getDirectoryHandle('yoka-ui');\n        }\n\n        // 遍历 zip 中 yoka-ui 文件夹下的所有文件\n        for (const [filePath, zipEntry] of Object.entries(zip.files)) {\n          if (filePath.startsWith('yoka-ui/')) {\n            const relativePath = filePath.replace('yoka-ui/', '');\n\n            if (!zipEntry.dir && relativePath) {\n              // 写入文件\n              const content = await zipEntry.async('uint8array');\n              await writeFile(skillsHandle, relativePath, content);\n              totalCount++;\n            }\n          }\n        }\n      }\n\n      message.success(`成功添加 ${totalCount} 个文件到项目`);\n    } catch (err: unknown) {\n      if (err instanceof Error && err.name === 'AbortError') {\n        // 用户取消选择，不显示任何消息\n      } else {\n        console.error('添加到项目失败:', err);\n        message.error(err instanceof Error ? err.message : '添加到项目失败');\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div className={styles.skillsWriter}>\n      <Card className={styles.card}>\n        <div className={styles.header}>\n          <CloudDownloadOutlined style={{ fontSize: 20, color: '#1890ff' }} />\n          <Title level={5} style={{ margin: 0, fontSize: 20, fontWeight: 600 }}>\n            Skills 同步工具\n          </Title>\n        </div>\n\n        <Text type='secondary' style={{ display: 'block', marginBottom: 16 }}>\n          将 YokaUI Skills 同步到本地 IDE 的插件目录中\n        </Text>\n\n        <CheckboxGroup\n          value={selectedIds}\n          onChange={(values) => handleCheckboxChange(values as string[])}\n          style={{ display: 'flex', flexDirection: 'column', gap: 8 }}\n        >\n          {skillsOptions.map((option) => (\n            <Checkbox key={option.id} value={option.id} style={{ alignItems: 'flex-start' }}>\n              <div style={{ display: 'flex', flexDirection: 'column' }}>\n                <Space>\n                  <Text strong>{option.label}</Text>\n                  <Text type='secondary' style={{ fontSize: 12 }}>\n                    ({option.path})\n                  </Text>\n                </Space>\n                <Text type='secondary' style={{ fontSize: 12, marginTop: 2 }}>\n                  {option.description}\n                </Text>\n              </div>\n            </Checkbox>\n          ))}\n        </CheckboxGroup>\n\n        <div className={styles.actions}>\n          <Space direction='vertical' style={{ width: '100%' }}>\n            <Space>\n              <Button\n                type='primary'\n                icon={<FolderOpenOutlined />}\n                onClick={downloadAndExtractSkills}\n                loading={loading}\n                disabled={selectedSkills.length === 0 || !isSupported}\n              >\n                同步到本地\n              </Button>\n              {!isSupported && (\n                <Text type='warning' style={{ fontSize: 12 }}>\n                  需要 HTTPS 或 localhost 环境，请手动下载\n                </Text>\n              )}\n            </Space>\n            <Space>\n              <Button icon={<CloudDownloadOutlined />} href='/skills.zip' download>\n                手动下载 skills.zip\n              </Button>\n              <Text type='secondary' style={{ fontSize: 12 }}>\n                解压到对应工具的 skills 目录\n              </Text>\n            </Space>\n          </Space>\n        </div>\n      </Card>\n    </div>\n  );\n};\n\nexport default SkillsWriter;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,uBAAuB,0BAA0B;AAC1D,SAAS,QAAQ,MAAM,UAAU,SAAS,OAAO,kBAAkB;AACnE,OAAO,WAAW;AAClB,OAAO,SAAS,gBAAgB;AAChC,OAAO,YAAY;AAEnB,IAAM,EAAE,MAAM,MAAM,IAAI;AACxB,IAAM,EAAE,OAAO,cAAc,IAAI;AAGjC,IAAM,gBAAgB;AAAA,EACpB;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AACF;AAEA,IAAM,eAAyB,MAAM;AACnC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAmB,CAAC,CAAC;AAC3D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,cAAc,OAAO,WAAW,eAAe,yBAAyB;AAE9E,QAAM,uBAAuB,CAAC,eAAyB;AACrD,mBAAe,UAAU;AAAA,EAC3B;AAEA,QAAM,iBAAiB,cAAc,OAAO,CAAC,QAAQ,YAAY,SAAS,IAAI,EAAE,CAAC;AAGjF,QAAM,wBAAwB,CAAO,YAAuC,cAAwB;AAClG,QAAI,gBAAgB;AACpB,eAAW,QAAQ,WAAW;AAC5B,UAAI;AACF,wBAAgB,MAAM,cAAc,mBAAmB,MAAM,EAAE,QAAQ,KAAK,CAAC;AAAA,MAC/E,SAAQ,GAAN;AACA,wBAAgB,MAAM,cAAc,mBAAmB,IAAI;AAAA,MAC7D;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAGA,QAAM,YAAY,CAAO,QAAmC,UAAkB,YAAwB;AACpG,UAAM,YAAY,SAAS,MAAM,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC;AACrD,UAAM,WAAW,UAAU,IAAI;AAC/B,UAAM,YAAY,MAAM,sBAAsB,QAAQ,SAAS;AAC/D,UAAM,aAAa,MAAM,UAAU,cAAc,UAAU,EAAE,QAAQ,KAAK,CAAC;AAC3E,UAAM,WAAW,MAAM,WAAW,eAAe;AACjD,UAAM,SAAS,MAAM,OAAuB;AAC5C,UAAM,SAAS,MAAM;AAAA,EACvB;AAGA,QAAM,2BAA2B,MAAY;AAC3C,QAAI,eAAe,WAAW,GAAG;AAC/B,cAAQ,MAAM,WAAW;AACzB;AAAA,IACF;AAGA,QAAI,EAAE,yBAAyB,SAAS;AACtC,cAAQ,MAAM,eAAe;AAC7B;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,SAAS,MAAO,OACnB,oBAAqB;AAGxB,iBAAW,IAAI;AAGf,YAAM,WAAW,MAAM,MAAM,aAAa;AAC1C,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,IAAI,MAAM,YAAY;AAAA,MAC9B;AACA,YAAM,OAAO,MAAM,SAAS,KAAK;AAGjC,YAAM,MAAM,MAAM,MAAM,UAAU,IAAI;AAGtC,YAAM,gBAAgB,eAAe,IAAI,CAAC,MAAM,EAAE,IAAI;AAGtD,YAAM,oBAAoB,OAAO,QAAQ,IAAI,KAAK,EAAE;AAAA,QAClD,CAAC,CAAC,IAAI,MAAM,SAAS,aAAa,KAAK,WAAW,UAAU;AAAA,MAC9D;AAEA,UAAI,CAAC,mBAAmB;AACtB,cAAM,IAAI,MAAM,oBAAoB;AAAA,MACtC;AAGA,UAAI,aAAa;AAEjB,iBAAW,gBAAgB,eAAe;AAExC,cAAM,iBAAiB,aAAa,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE;AACxE,cAAM,YAAY,eAAe,MAAM,GAAG;AAE1C,YAAI,gBAAgB;AACpB,mBAAW,QAAQ,WAAW;AAC5B,cAAI;AACF,4BAAgB,MAAM,cAAc,mBAAmB,MAAM,EAAE,QAAQ,KAAK,CAAC;AAAA,UAC/E,SAAQ,GAAN;AACA,4BAAgB,MAAM,cAAc,mBAAmB,IAAI;AAAA,UAC7D;AAAA,QACF;AAGA,YAAI;AACJ,YAAI;AACF,yBAAe,MAAM,cAAc,mBAAmB,WAAW,EAAE,QAAQ,KAAK,CAAC;AAAA,QACnF,SAAQ,GAAN;AACA,yBAAe,MAAM,cAAc,mBAAmB,SAAS;AAAA,QACjE;AAGA,mBAAW,CAAC,UAAU,QAAQ,KAAK,OAAO,QAAQ,IAAI,KAAK,GAAG;AAC5D,cAAI,SAAS,WAAW,UAAU,GAAG;AACnC,kBAAM,eAAe,SAAS,QAAQ,YAAY,EAAE;AAEpD,gBAAI,CAAC,SAAS,OAAO,cAAc;AAEjC,oBAAM,UAAU,MAAM,SAAS,MAAM,YAAY;AACjD,oBAAM,UAAU,cAAc,cAAc,OAAO;AACnD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,cAAQ,QAAQ,QAAQ,mBAAmB;AAAA,IAC7C,SAAS,KAAP;AACA,UAAI,eAAe,SAAS,IAAI,SAAS,cAAc;AAAA,MAEvD,OAAO;AACL,gBAAQ,MAAM,YAAY,GAAG;AAC7B,gBAAQ,MAAM,eAAe,QAAQ,IAAI,UAAU,SAAS;AAAA,MAC9D;AAAA,IACF,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE,oCAAC,SAAI,WAAW,OAAO,gBACrB,oCAAC,QAAK,WAAW,OAAO,QACtB,oCAAC,SAAI,WAAW,OAAO,UACrB,oCAAC,yBAAsB,OAAO,EAAE,UAAU,IAAI,OAAO,UAAU,GAAG,GAClE,oCAAC,SAAM,OAAO,GAAG,OAAO,EAAE,QAAQ,GAAG,UAAU,IAAI,YAAY,IAAI,KAAG,aAEtE,CACF,GAEA,oCAAC,QAAK,MAAK,aAAY,OAAO,EAAE,SAAS,SAAS,cAAc,GAAG,KAAG,kCAEtE,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,WAAW,qBAAqB,MAAkB;AAAA,MAC7D,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAE;AAAA;AAAA,IAEzD,cAAc,IAAI,CAAC,WAClB,oCAAC,YAAS,KAAK,OAAO,IAAI,OAAO,OAAO,IAAI,OAAO,EAAE,YAAY,aAAa,KAC5E,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,SAAS,KACrD,oCAAC,aACC,oCAAC,QAAK,QAAM,QAAE,OAAO,KAAM,GAC3B,oCAAC,QAAK,MAAK,aAAY,OAAO,EAAE,UAAU,GAAG,KAAG,KAC5C,OAAO,MAAK,GAChB,CACF,GACA,oCAAC,QAAK,MAAK,aAAY,OAAO,EAAE,UAAU,IAAI,WAAW,EAAE,KACxD,OAAO,WACV,CACF,CACF,CACD;AAAA,EACH,GAEA,oCAAC,SAAI,WAAW,OAAO,WACrB,oCAAC,SAAM,WAAU,YAAW,OAAO,EAAE,OAAO,OAAO,KACjD,oCAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAM,oCAAC,wBAAmB;AAAA,MAC1B,SAAS;AAAA,MACT;AAAA,MACA,UAAU,eAAe,WAAW,KAAK,CAAC;AAAA;AAAA,IAC3C;AAAA,EAED,GACC,CAAC,eACA,oCAAC,QAAK,MAAK,WAAU,OAAO,EAAE,UAAU,GAAG,KAAG,+BAE9C,CAEJ,GACA,oCAAC,aACC,oCAAC,UAAO,MAAM,oCAAC,2BAAsB,GAAI,MAAK,eAAc,UAAQ,QAAC,iBAErE,GACA,oCAAC,QAAK,MAAK,aAAY,OAAO,EAAE,UAAU,GAAG,KAAG,oBAEhD,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/es/creative/SkillsWriter/index.module.less

@@ -0,0 +1,21 @@
+.skillsWriter {
+  margin: 24px 0;
+}
+
+.card {
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+}
+
+.actions {
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid #f0f0f0;
+}