[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JN9DEBC6CFVE8Q09JBQMCS":3,"skill-same:01M6JN9DEBC6CFVE8Q09JBQMCS":73},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":37,"linkOnly":38,"markdownContent":39,"markdownBody":40,"frontMatter":41,"refName":44,"commitSha":45,"skillDirectory":46,"forksCount":47,"repositoryHtmlUrl":48,"repositoryHomepageUrl":49,"ownerHtmlUrl":50,"ownerBlogUrl":51,"ownerDescription":6,"updatedAt":52,"install":53,"resources":66},"01M6JN9DEBC6CFVE8Q09JBQMCS","favicon",null,"Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.","LongLeo287\u002FOmniClaw","LongLeo287","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F141803367?v=4","01M6JK75C62VCNZKR5BRZ386YV","LongLeo","01M6JK75GQ78TSP1ZPXNKK3MCH",9,"MIT","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fclaude_config\u002Fskills\u002Ffavicon\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[5,24,25,26,27,28,29,30,31,32,33,34,35,36],"image","web","generate","update","SET","use","html","up","project","complete","path","for","source","2026-11-10 10:12:30",false,"---\nname: favicon\ndescription: Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.\nargument-hint: [path to source image]\n---\n\nGenerate a complete set of favicons from the source image at `$1` and update the project's HTML with the appropriate link tags.\n\n## Prerequisites\n\nFirst, verify ImageMagick v7+ is installed by running:\n```bash\nwhich magick\n```\n\nIf not found, stop and instruct the user to install it:\n- **macOS**: `brew install imagemagick`\n- **Linux**: `sudo apt install imagemagick`\n\n## Step 1: Validate Source Image\n\n1. Verify the source image exists at the provided path: `$1`\n2. Check the file extension is a supported format (PNG, JPG, JPEG, SVG, WEBP, GIF)\n3. If the file doesn't exist or isn't a valid image format, report the error and stop\n\nNote whether the source is an SVG file - if so, it will also be copied as `favicon.svg`.\n\n## Step 2: Detect Project Type and Static Assets Directory\n\nDetect the project type and determine where static assets should be placed. Check in this order:\n\n| Framework | Detection | Static Assets Directory |\n|-----------|-----------|------------------------|\n| **Rails** | `config\u002Froutes.rb` exists | `public\u002F` |\n| **Next.js** | `next.config.*` exists | `public\u002F` |\n| **Gatsby** | `gatsby-config.*` exists | `static\u002F` |\n| **SvelteKit** | `svelte.config.*` exists | `static\u002F` |\n| **Astro** | `astro.config.*` exists | `public\u002F` |\n| **Hugo** | `hugo.toml` or `config.toml` with Hugo markers | `static\u002F` |\n| **Jekyll** | `_config.yml` with Jekyll markers | Root directory (same as `index.html`) |\n| **Vite** | `vite.config.*` exists | `public\u002F` |\n| **Create React App** | `package.json` has `react-scripts` dependency | `public\u002F` |\n| **Vue CLI** | `vue.config.*` exists | `public\u002F` |\n| **Angular** | `angular.json` exists | `src\u002Fassets\u002F` |\n| **Eleventy** | `.eleventy.js` or `eleventy.config.*` exists | Check `_site` output or root |\n| **Static HTML** | `index.html` in root | Same directory as `index.html` |\n\n**Important**: If existing favicon files are found (e.g., `favicon.ico`, `apple-touch-icon.png`), use their location as the target directory regardless of framework detection.\n\nReport the detected project type and the static assets directory that will be used.\n\n**When in doubt, ask**: If you are not 100% confident about where static assets should be placed (e.g., ambiguous project structure, multiple potential locations, unfamiliar framework), use `AskUserQuestionTool` to confirm the target directory before proceeding. It's better to ask than to put files in the wrong place.\n\n## Step 3: Determine App Name\n\nFind the app name from these sources (in priority order):\n\n1. **Existing `site.webmanifest`** - Check the detected static assets directory for an existing manifest and extract the `name` field\n2. **`package.json`** - Extract the `name` field if it exists\n3. **Rails `config\u002Fapplication.rb`** - Extract the module name (e.g., `module MyApp` → \"MyApp\")\n4. **Directory name** - Use the current working directory name as fallback\n\nConvert the name to title case if needed (e.g., \"my-app\" → \"My App\").\n\n## Step 4: Ensure Static Assets Directory Exists\n\nCheck if the detected static assets directory exists. If not, create it.\n\n## Step 5: Generate Favicon Files\n\nRun these ImageMagick commands to generate all favicon files. Replace `[STATIC_DIR]` with the detected static assets directory from Step 2.\n\n### favicon.ico (multi-resolution: 16x16, 32x32, 48x48)\n```bash\nmagick \"$1\" \\\n  \\( -clone 0 -resize 16x16 \\) \\\n  \\( -clone 0 -resize 32x32 \\) \\\n  \\( -clone 0 -resize 48x48 \\) \\\n  -delete 0 -alpha on -background none \\\n  [STATIC_DIR]\u002Ffavicon.ico\n```\n\n### favicon-96x96.png\n```bash\nmagick \"$1\" -resize 96x96 -background none -alpha on [STATIC_DIR]\u002Ffavicon-96x96.png\n```\n\n### apple-touch-icon.png (180x180)\n```bash\nmagick \"$1\" -resize 180x180 -background none -alpha on [STATIC_DIR]\u002Fapple-touch-icon.png\n```\n\n### web-app-manifest-192x192.png\n```bash\nmagick \"$1\" -resize 192x192 -background none -alpha on [STATIC_DIR]\u002Fweb-app-manifest-192x192.png\n```\n\n### web-app-manifest-512x512.png\n```bash\nmagick \"$1\" -resize 512x512 -background none -alpha on [STATIC_DIR]\u002Fweb-app-manifest-512x512.png\n```\n\n### favicon.svg (only if source is SVG)\nIf the source file has a `.svg` extension, copy it:\n```bash\ncp \"$1\" [STATIC_DIR]\u002Ffavicon.svg\n```\n\n## Step 6: Create\u002FUpdate site.webmanifest\n\nCreate or update `[STATIC_DIR]\u002Fsite.webmanifest` with this content (substitute the detected app name):\n\n```json\n{\n  \"name\": \"[APP_NAME]\",\n  \"short_name\": \"[APP_NAME]\",\n  \"icons\": [\n    {\n      \"src\": \"\u002Fweb-app-manifest-192x192.png\",\n      \"sizes\": \"192x192\",\n      \"type\": \"image\u002Fpng\",\n      \"purpose\": \"maskable\"\n    },\n    {\n      \"src\": \"\u002Fweb-app-manifest-512x512.png\",\n      \"sizes\": \"512x512\",\n      \"type\": \"image\u002Fpng\",\n      \"purpose\": \"maskable\"\n    }\n  ],\n  \"theme_color\": \"#ffffff\",\n  \"background_color\": \"#ffffff\",\n  \"display\": \"standalone\"\n}\n```\n\nIf `site.webmanifest` already exists in the static directory, preserve the existing `theme_color`, `background_color`, and `display` values while updating the `name`, `short_name`, and `icons` array.\n\n## Step 7: Update HTML\u002FLayout Files\n\nBased on the detected project type, update the appropriate file. Adjust the `href` paths based on where the static assets directory is relative to the web root:\n- If static files are in `public\u002F` or `static\u002F` and served from root → use `\u002Ffavicon.ico`\n- If static files are in `src\u002Fassets\u002F` → use `\u002Fassets\u002Ffavicon.ico`\n- If static files are in the same directory as HTML → use `.\u002Ffavicon.ico` or just `favicon.ico`\n\n### For Rails Projects\n\nEdit `app\u002Fviews\u002Flayouts\u002Fapplication.html.erb`. Find the `\u003Chead>` section and add\u002Freplace favicon-related tags with:\n\n```html\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"\u002Ffavicon-96x96.png\" sizes=\"96x96\" \u002F>\n\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\" \u002F>\n\u003Clink rel=\"shortcut icon\" href=\"\u002Ffavicon.ico\" \u002F>\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\" \u002F>\n\u003Cmeta name=\"apple-mobile-web-app-title\" content=\"[APP_NAME]\" \u002F>\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\" \u002F>\n```\n\n**Important**:\n- If the source was NOT an SVG, omit the `\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\" \u002F>` line\n- Remove any existing `\u003Clink rel=\"icon\"`, `\u003Clink rel=\"shortcut icon\"`, `\u003Clink rel=\"apple-touch-icon\"`, or `\u003Clink rel=\"manifest\"` tags before adding the new ones\n- Place these tags near the top of the `\u003Chead>` section, after `\u003Cmeta charset>` and `\u003Cmeta name=\"viewport\">` if present\n\n### For Next.js Projects\n\nEdit the detected layout file (`app\u002Flayout.tsx` or `src\u002Fapp\u002Flayout.tsx`). Update or add the `metadata` export to include icons configuration:\n\n```typescript\nexport const metadata: Metadata = {\n  \u002F\u002F ... keep existing metadata fields\n  icons: {\n    icon: [\n      { url: '\u002Ffavicon.ico' },\n      { url: '\u002Ffavicon-96x96.png', sizes: '96x96', type: 'image\u002Fpng' },\n      { url: '\u002Ffavicon.svg', type: 'image\u002Fsvg+xml' },\n    ],\n    shortcut: '\u002Ffavicon.ico',\n    apple: '\u002Fapple-touch-icon.png',\n  },\n  manifest: '\u002Fsite.webmanifest',\n  appleWebApp: {\n    title: '[APP_NAME]',\n  },\n};\n```\n\n**Important**:\n- If the source was NOT an SVG, omit the `{ url: '\u002Ffavicon.svg', type: 'image\u002Fsvg+xml' }` entry from the icon array\n- If metadata export doesn't exist, create it with just the icons-related fields\n- If metadata export exists, merge the icons configuration with existing fields\n\n### For Static HTML Projects\n\nEdit the detected `index.html` file. Add the same HTML as Rails within the `\u003Chead>` section.\n\n### If No Project Detected\n\nSkip HTML updates and inform the user they need to manually add the following to their HTML `\u003Chead>`:\n\n```html\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"\u002Ffavicon-96x96.png\" sizes=\"96x96\" \u002F>\n\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\" \u002F>\n\u003Clink rel=\"shortcut icon\" href=\"\u002Ffavicon.ico\" \u002F>\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\" \u002F>\n\u003Cmeta name=\"apple-mobile-web-app-title\" content=\"[APP_NAME]\" \u002F>\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\" \u002F>\n```\n\n## Step 8: Summary\n\nReport completion with:\n- Detected project type and framework\n- Static assets directory used\n- List of files generated\n- App name used in manifest and HTML\n- Layout file updated (or note if manual update is needed)\n- Note if any existing files were overwritten\n\n## Error Handling\n\n- If ImageMagick is not installed, provide installation instructions and stop\n- If the source image doesn't exist, report the exact path that was tried and stop\n- If ImageMagick commands fail, report the specific error message\n- If the layout file cannot be found for HTML updates, generate files anyway and instruct on manual HTML addition\n","Generate a complete set of favicons from the source image at `$1` and update the project's HTML with the appropriate link tags.\n\n## Prerequisites\n\nFirst, verify ImageMagick v7+ is installed by running:\n```bash\nwhich magick\n```\n\nIf not found, stop and instruct the user to install it:\n- **macOS**: `brew install imagemagick`\n- **Linux**: `sudo apt install imagemagick`\n\n## Step 1: Validate Source Image\n\n1. Verify the source image exists at the provided path: `$1`\n2. Check the file extension is a supported format (PNG, JPG, JPEG, SVG, WEBP, GIF)\n3. If the file doesn't exist or isn't a valid image format, report the error and stop\n\nNote whether the source is an SVG file - if so, it will also be copied as `favicon.svg`.\n\n## Step 2: Detect Project Type and Static Assets Directory\n\nDetect the project type and determine where static assets should be placed. Check in this order:\n\n| Framework | Detection | Static Assets Directory |\n|-----------|-----------|------------------------|\n| **Rails** | `config\u002Froutes.rb` exists | `public\u002F` |\n| **Next.js** | `next.config.*` exists | `public\u002F` |\n| **Gatsby** | `gatsby-config.*` exists | `static\u002F` |\n| **SvelteKit** | `svelte.config.*` exists | `static\u002F` |\n| **Astro** | `astro.config.*` exists | `public\u002F` |\n| **Hugo** | `hugo.toml` or `config.toml` with Hugo markers | `static\u002F` |\n| **Jekyll** | `_config.yml` with Jekyll markers | Root directory (same as `index.html`) |\n| **Vite** | `vite.config.*` exists | `public\u002F` |\n| **Create React App** | `package.json` has `react-scripts` dependency | `public\u002F` |\n| **Vue CLI** | `vue.config.*` exists | `public\u002F` |\n| **Angular** | `angular.json` exists | `src\u002Fassets\u002F` |\n| **Eleventy** | `.eleventy.js` or `eleventy.config.*` exists | Check `_site` output or root |\n| **Static HTML** | `index.html` in root | Same directory as `index.html` |\n\n**Important**: If existing favicon files are found (e.g., `favicon.ico`, `apple-touch-icon.png`), use their location as the target directory regardless of framework detection.\n\nReport the detected project type and the static assets directory that will be used.\n\n**When in doubt, ask**: If you are not 100% confident about where static assets should be placed (e.g., ambiguous project structure, multiple potential locations, unfamiliar framework), use `AskUserQuestionTool` to confirm the target directory before proceeding. It's better to ask than to put files in the wrong place.\n\n## Step 3: Determine App Name\n\nFind the app name from these sources (in priority order):\n\n1. **Existing `site.webmanifest`** - Check the detected static assets directory for an existing manifest and extract the `name` field\n2. **`package.json`** - Extract the `name` field if it exists\n3. **Rails `config\u002Fapplication.rb`** - Extract the module name (e.g., `module MyApp` → \"MyApp\")\n4. **Directory name** - Use the current working directory name as fallback\n\nConvert the name to title case if needed (e.g., \"my-app\" → \"My App\").\n\n## Step 4: Ensure Static Assets Directory Exists\n\nCheck if the detected static assets directory exists. If not, create it.\n\n## Step 5: Generate Favicon Files\n\nRun these ImageMagick commands to generate all favicon files. Replace `[STATIC_DIR]` with the detected static assets directory from Step 2.\n\n### favicon.ico (multi-resolution: 16x16, 32x32, 48x48)\n```bash\nmagick \"$1\" \\\n  \\( -clone 0 -resize 16x16 \\) \\\n  \\( -clone 0 -resize 32x32 \\) \\\n  \\( -clone 0 -resize 48x48 \\) \\\n  -delete 0 -alpha on -background none \\\n  [STATIC_DIR]\u002Ffavicon.ico\n```\n\n### favicon-96x96.png\n```bash\nmagick \"$1\" -resize 96x96 -background none -alpha on [STATIC_DIR]\u002Ffavicon-96x96.png\n```\n\n### apple-touch-icon.png (180x180)\n```bash\nmagick \"$1\" -resize 180x180 -background none -alpha on [STATIC_DIR]\u002Fapple-touch-icon.png\n```\n\n### web-app-manifest-192x192.png\n```bash\nmagick \"$1\" -resize 192x192 -background none -alpha on [STATIC_DIR]\u002Fweb-app-manifest-192x192.png\n```\n\n### web-app-manifest-512x512.png\n```bash\nmagick \"$1\" -resize 512x512 -background none -alpha on [STATIC_DIR]\u002Fweb-app-manifest-512x512.png\n```\n\n### favicon.svg (only if source is SVG)\nIf the source file has a `.svg` extension, copy it:\n```bash\ncp \"$1\" [STATIC_DIR]\u002Ffavicon.svg\n```\n\n## Step 6: Create\u002FUpdate site.webmanifest\n\nCreate or update `[STATIC_DIR]\u002Fsite.webmanifest` with this content (substitute the detected app name):\n\n```json\n{\n  \"name\": \"[APP_NAME]\",\n  \"short_name\": \"[APP_NAME]\",\n  \"icons\": [\n    {\n      \"src\": \"\u002Fweb-app-manifest-192x192.png\",\n      \"sizes\": \"192x192\",\n      \"type\": \"image\u002Fpng\",\n      \"purpose\": \"maskable\"\n    },\n    {\n      \"src\": \"\u002Fweb-app-manifest-512x512.png\",\n      \"sizes\": \"512x512\",\n      \"type\": \"image\u002Fpng\",\n      \"purpose\": \"maskable\"\n    }\n  ],\n  \"theme_color\": \"#ffffff\",\n  \"background_color\": \"#ffffff\",\n  \"display\": \"standalone\"\n}\n```\n\nIf `site.webmanifest` already exists in the static directory, preserve the existing `theme_color`, `background_color`, and `display` values while updating the `name`, `short_name`, and `icons` array.\n\n## Step 7: Update HTML\u002FLayout Files\n\nBased on the detected project type, update the appropriate file. Adjust the `href` paths based on where the static assets directory is relative to the web root:\n- If static files are in `public\u002F` or `static\u002F` and served from root → use `\u002Ffavicon.ico`\n- If static files are in `src\u002Fassets\u002F` → use `\u002Fassets\u002Ffavicon.ico`\n- If static files are in the same directory as HTML → use `.\u002Ffavicon.ico` or just `favicon.ico`\n\n### For Rails Projects\n\nEdit `app\u002Fviews\u002Flayouts\u002Fapplication.html.erb`. Find the `\u003Chead>` section and add\u002Freplace favicon-related tags with:\n\n```html\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"\u002Ffavicon-96x96.png\" sizes=\"96x96\" \u002F>\n\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\" \u002F>\n\u003Clink rel=\"shortcut icon\" href=\"\u002Ffavicon.ico\" \u002F>\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\" \u002F>\n\u003Cmeta name=\"apple-mobile-web-app-title\" content=\"[APP_NAME]\" \u002F>\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\" \u002F>\n```\n\n**Important**:\n- If the source was NOT an SVG, omit the `\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\" \u002F>` line\n- Remove any existing `\u003Clink rel=\"icon\"`, `\u003Clink rel=\"shortcut icon\"`, `\u003Clink rel=\"apple-touch-icon\"`, or `\u003Clink rel=\"manifest\"` tags before adding the new ones\n- Place these tags near the top of the `\u003Chead>` section, after `\u003Cmeta charset>` and `\u003Cmeta name=\"viewport\">` if present\n\n### For Next.js Projects\n\nEdit the detected layout file (`app\u002Flayout.tsx` or `src\u002Fapp\u002Flayout.tsx`). Update or add the `metadata` export to include icons configuration:\n\n```typescript\nexport const metadata: Metadata = {\n  \u002F\u002F ... keep existing metadata fields\n  icons: {\n    icon: [\n      { url: '\u002Ffavicon.ico' },\n      { url: '\u002Ffavicon-96x96.png', sizes: '96x96', type: 'image\u002Fpng' },\n      { url: '\u002Ffavicon.svg', type: 'image\u002Fsvg+xml' },\n    ],\n    shortcut: '\u002Ffavicon.ico',\n    apple: '\u002Fapple-touch-icon.png',\n  },\n  manifest: '\u002Fsite.webmanifest',\n  appleWebApp: {\n    title: '[APP_NAME]',\n  },\n};\n```\n\n**Important**:\n- If the source was NOT an SVG, omit the `{ url: '\u002Ffavicon.svg', type: 'image\u002Fsvg+xml' }` entry from the icon array\n- If metadata export doesn't exist, create it with just the icons-related fields\n- If metadata export exists, merge the icons configuration with existing fields\n\n### For Static HTML Projects\n\nEdit the detected `index.html` file. Add the same HTML as Rails within the `\u003Chead>` section.\n\n### If No Project Detected\n\nSkip HTML updates and inform the user they need to manually add the following to their HTML `\u003Chead>`:\n\n```html\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"\u002Ffavicon-96x96.png\" sizes=\"96x96\" \u002F>\n\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\" \u002F>\n\u003Clink rel=\"shortcut icon\" href=\"\u002Ffavicon.ico\" \u002F>\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\" \u002F>\n\u003Cmeta name=\"apple-mobile-web-app-title\" content=\"[APP_NAME]\" \u002F>\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\" \u002F>\n```\n\n## Step 8: Summary\n\nReport completion with:\n- Detected project type and framework\n- Static assets directory used\n- List of files generated\n- App name used in manifest and HTML\n- Layout file updated (or note if manual update is needed)\n- Note if any existing files were overwritten\n\n## Error Handling\n\n- If ImageMagick is not installed, provide installation instructions and stop\n- If the source image doesn't exist, report the exact path that was tried and stop\n- If ImageMagick commands fail, report the specific error message\n- If the layout file cannot be found for HTML updates, generate files anyway and instruct on manual HTML addition\n",{"name":5,"description":7,"argument-hint":42},[43],"path to source image","main","c173cdffe08e788a99b91928a831b476b8434838","ecosystem\u002Fskills\u002Fclaude_config\u002Fskills\u002Ffavicon",0,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw","https:\u002F\u002Fportfolio-longleo.vercel.app\u002Flabs\u002Fomniclaw.html","https:\u002F\u002Fgithub.com\u002FLongLeo287","https:\u002F\u002Fwww.facebook.com\u002FResourceRookie2023","2026-09-30 00:58:05",{"source":8,"skillName":5,"commands":54,"prompt":64,"zipAvailable":65},[55,58,61],{"tool":56,"command":57},"npx","npx skills add LongLeo287\u002FOmniClaw --skill favicon",{"tool":59,"command":60},"bunx","bunx skills add LongLeo287\u002FOmniClaw --skill favicon",{"tool":62,"command":63},"pnpm","pnpm dlx skills add LongLeo287\u002FOmniClaw --skill favicon","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fclaude_config\u002Fskills\u002Ffavicon\u002FSKILL.md",true,[67],{"path":68,"resourceType":69,"resourceTypeDesc":70,"sizeBytes":71,"sourceHtmlUrl":72},"_DIR_IDENTITY.md","REFERENCE","参考文档",310,"https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fclaude_config\u002Fskills\u002Ffavicon\u002F_DIR_IDENTITY.md",[74,115,136,163,179,203],{"skillNo":75,"name":76,"nameZh":6,"description":77,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":94,"publishedAt":37},"01M6JR0KQP4MHT32TN40D9CBFX","UI-UX Pro Max","Advanced UI\u002FUX analysis and generation skills with data-driven patterns. Python scripts (core.py, search.py) for systematic UI pattern extraction, design system generation, and component search from curated data sources.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fui_components\u002Fui_ux_pro_max\u002FSKILL.md",[80,83,86,91],{"categoryNo":81,"categoryName":82,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":84,"categoryName":85,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":87,"categoryName":88,"taxonomyType":89,"taxonomyTypeDesc":90},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",{"categoryNo":92,"categoryName":93,"taxonomyType":89,"taxonomyTypeDesc":90},"01JBSEEDCAT000000000000033","数据分析师",[95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114],"ux","ui","ui ux pro max","max","pro","ui ux","design","component","search","analysis","team","rd","ui-ux","active","systematic","scripts","pattern extraction","sources","advanced","data-driven",{"skillNo":116,"name":117,"nameZh":6,"description":118,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":119,"categories":120,"keywords":122,"publishedAt":37},"01M6JR0EF5AEQHP2FSTB57H05P","shadcn-ui","Expert guidance for integrating and building applications with shadcn\u002Fui components, including component discovery, installation, customization, and best practices.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fui_components\u002Fshadcn_ui\u002FSKILL.md",[121],{"categoryNo":87,"categoryName":88,"taxonomyType":89,"taxonomyTypeDesc":90},[123,96,124,125,102,126,127,128,129,105,130,131,132,108,133,134,135,35],"shadcn","shadcn ui","components","core","best practices","applications","discovery","customization","guidance","expert","installation","ui components","with",{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":145,"publishedAt":37},"01M6JR08F51BEN17RHFYX65WVE","zustand_store_ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fzustand_store_ts\u002FSKILL.md",[142],{"categoryNo":143,"categoryName":144,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[146,147,148,149,150,151,152,153,154,155,156,157,29,158,159,160,135,161,162],"zustand store ts","zustand","store","typescript","microsoft","react","create","state management","state","react state management","management","global","patterns","separation","middleware","action","implementing",{"skillNo":164,"name":147,"nameZh":6,"description":165,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":168,"publishedAt":37},"01M6JR00TDMVAFFCZXZ04AN7Q7","Zustand state management guide. Use when working with store code (src\u002Fstore\u002F**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fzustand\u002FSKILL.md",[],[147,169,153,170,154,171,172,156,173,29,174,175,176,148,135,177,178,161,162],"development","code","actions","src","guide","implementation","zustand state","triggers","questions","zustand state management",{"skillNo":180,"name":181,"nameZh":6,"description":182,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":183,"categories":184,"keywords":187,"publishedAt":37},"01M6JQZSWV4KWJP112G6XHEP44","youtube_summarizer","Automatically fetch YouTube video transcripts, generate structured summaries, and send full transcripts to messaging platforms. Detects YouTube URLs and provides metadata, key insights, and downloadable transcripts.","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fyoutube_summarizer\u002FSKILL.md",[185,186],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":84,"categoryName":85,"taxonomyType":21,"taxonomyTypeDesc":22},[188,189,190,26,191,192,193,194,195,196,197,198,199,200,201,202],"youtube","youtube summarizer","summarizer","metadata","messaging","Video","fetch","telegram","transcription","summarization","structured","full","insights","transcripts","summaries",{"skillNo":204,"name":205,"nameZh":6,"description":206,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":207,"categories":208,"keywords":209,"publishedAt":37},"01M6JQZN3QJB6B77JGKJD62DQT","youtube_clipper","YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成短视频片段、制作双语字幕版本时。 关键词：视频剪辑、YouTube、字幕翻译、双语字幕、视频下载、clip video","https:\u002F\u002Fgithub.com\u002FLongLeo287\u002FOmniClaw\u002Fblob\u002Fmain\u002Fecosystem\u002Fskills\u002Fyoutube_clipper\u002FSKILL.md",[],[188,210,211,193,212,213,214,215,216,217,218,219,220,221,222,223,224],"clipper","youtube clipper","Bash","下载","视频","生成","关键词","翻译","read","write","clip","总结","工具","文案","sonnet"]