[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71HC5934AXCR0XCX9BW2JD6":3,"skill-same:01M71HC5934AXCR0XCX9BW2JD6":74},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":42,"linkOnly":43,"markdownContent":44,"markdownBody":45,"frontMatter":46,"refName":47,"commitSha":48,"skillDirectory":49,"forksCount":50,"repositoryHtmlUrl":51,"repositoryHomepageUrl":6,"ownerHtmlUrl":52,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":53,"install":54,"resources":67},"01M71HC5934AXCR0XCX9BW2JD6","generate-svg",null,"This skill should be used when the user asks to \"generate SVG\", \"create SVG\", \"make a logo\", \"create vector graphics\", \"generate icon\", \"make vector illustration\", \"vectorize image\", or needs scalable vector graphics generated via AI.","JSGforever\u002Fskillguard","JSGforever","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F85541948?v=4","01M71FQD3E132VMR5F4TAYX3YS","01M71FQD4DYW0XJ4XQ4YQH75Y9",2,"GPL-3.0","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--generate-svg\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"generate","generate svg","SVG","make","user","generate icon","Scalable","via","graphics","create","vectorize image","image","when","icon","logo","generated","vector illustration","vector","illustration","2026-11-10 10:12:30",false,"---\nname: generate-svg\ndescription: This skill should be used when the user asks to \"generate SVG\", \"create SVG\", \"make a logo\", \"create vector graphics\", \"generate icon\", \"make vector illustration\", \"vectorize image\", or needs scalable vector graphics generated via AI.\n---\n\n# Generate SVG\n\nGenerate SVG graphics using Arrow `arrow-preview` by Quiver AI. Supports both text-to-SVG generation and image-to-SVG vectorization.\n\n## When to Use\n\nUse this skill when the user asks to:\n- Create SVG graphics, logos, icons, or illustrations from a text description\n- Vectorize \u002F convert an existing image to SVG\n\n## API Key Required\n\nSet `QUIVERAI_API_KEY` or `QUIVER_API_KEY` in your environment. Get a key at https:\u002F\u002Fquiver.ai.\n\n## Usage\n\n```bash\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"prompt\" [options]\n```\n\n### Text-to-SVG Options\n\n| Flag | Type | Default | Range | Description |\n|------|------|---------|-------|-------------|\n| `--instructions \u003Ctext>` | string | — | — | Additional style or formatting guidance |\n| `--references \u003Curl>` | string | — | up to 4 | Reference image URL or base64 (repeat flag for multiple) |\n| `--count \u003Cn>` | integer | 1 | 1–16 | Number of SVGs to generate |\n| `--temperature \u003Cn>` | float | 1 | 0–2 | Sampling temperature (lower = more deterministic) |\n| `--top-p \u003Cn>` | float | 1 | 0–1 | Nucleus sampling probability |\n| `--presence-penalty \u003Cn>` | float | 0 | -2–2 | Penalty for tokens already in prior output |\n| `--max-tokens \u003Cn>` | integer | — | 1–131072 | Max output tokens (use 131072 for highest detail) |\n| `--output \u003Cpath>` | string | output.svg | — | Output file path |\n\n### Image-to-SVG (Vectorize) Options\n\n| Flag | Type | Default | Range | Description |\n|------|------|---------|-------|-------------|\n| `--vectorize` | boolean | false | — | Enable vectorization mode |\n| `--image \u003Curl\\|base64>` | string | — | — | Source image (required in vectorize mode) |\n| `--auto-crop` | boolean | false | — | Auto-crop to dominant subject before vectorization |\n| `--target-size \u003Cn>` | integer | — | 128–4096 | Square resize target in pixels before inference |\n| `--count`, `--temperature`, `--top-p`, `--presence-penalty`, `--max-tokens`, `--output` | — | — | — | Same as text-to-SVG |\n\n### Examples\n\n```bash\n# Simple SVG generation\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"minimalist mountain logo\"\n\n# High-detail render (max tokens)\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"photorealistic bee\" --max-tokens 131072\n\n# With style instructions\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"geometric pattern\" --instructions \"Use only blue and green colors, bold strokes\"\n\n# With reference images\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"logo in this style\" \\\n  --references https:\u002F\u002Fexample.com\u002Fref1.png \\\n  --references https:\u002F\u002Fexample.com\u002Fref2.png\n\n# Save to specific file\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"company logo\" --output logo.svg\n\n# Vectorize an image URL to SVG\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts --vectorize --image https:\u002F\u002Fexample.com\u002Fphoto.jpg --auto-crop\n\n# Vectorize with high-res target\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts --vectorize --image https:\u002F\u002Fexample.com\u002Fphoto.jpg --target-size 2048 --max-tokens 131072\n```\n\n## Model\n\nUses Arrow `arrow-preview` (Quiver AI) for SVG generation. Override with `SVG_MODEL` env var.\n\nCost: 1 credit per request (regardless of `--count`).\nRate limit: 20 requests per 60 seconds.\n\n> Last verified: March 2026.\n","# Generate SVG\n\nGenerate SVG graphics using Arrow `arrow-preview` by Quiver AI. Supports both text-to-SVG generation and image-to-SVG vectorization.\n\n## When to Use\n\nUse this skill when the user asks to:\n- Create SVG graphics, logos, icons, or illustrations from a text description\n- Vectorize \u002F convert an existing image to SVG\n\n## API Key Required\n\nSet `QUIVERAI_API_KEY` or `QUIVER_API_KEY` in your environment. Get a key at https:\u002F\u002Fquiver.ai.\n\n## Usage\n\n```bash\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"prompt\" [options]\n```\n\n### Text-to-SVG Options\n\n| Flag | Type | Default | Range | Description |\n|------|------|---------|-------|-------------|\n| `--instructions \u003Ctext>` | string | — | — | Additional style or formatting guidance |\n| `--references \u003Curl>` | string | — | up to 4 | Reference image URL or base64 (repeat flag for multiple) |\n| `--count \u003Cn>` | integer | 1 | 1–16 | Number of SVGs to generate |\n| `--temperature \u003Cn>` | float | 1 | 0–2 | Sampling temperature (lower = more deterministic) |\n| `--top-p \u003Cn>` | float | 1 | 0–1 | Nucleus sampling probability |\n| `--presence-penalty \u003Cn>` | float | 0 | -2–2 | Penalty for tokens already in prior output |\n| `--max-tokens \u003Cn>` | integer | — | 1–131072 | Max output tokens (use 131072 for highest detail) |\n| `--output \u003Cpath>` | string | output.svg | — | Output file path |\n\n### Image-to-SVG (Vectorize) Options\n\n| Flag | Type | Default | Range | Description |\n|------|------|---------|-------|-------------|\n| `--vectorize` | boolean | false | — | Enable vectorization mode |\n| `--image \u003Curl\\|base64>` | string | — | — | Source image (required in vectorize mode) |\n| `--auto-crop` | boolean | false | — | Auto-crop to dominant subject before vectorization |\n| `--target-size \u003Cn>` | integer | — | 128–4096 | Square resize target in pixels before inference |\n| `--count`, `--temperature`, `--top-p`, `--presence-penalty`, `--max-tokens`, `--output` | — | — | — | Same as text-to-SVG |\n\n### Examples\n\n```bash\n# Simple SVG generation\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"minimalist mountain logo\"\n\n# High-detail render (max tokens)\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"photorealistic bee\" --max-tokens 131072\n\n# With style instructions\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"geometric pattern\" --instructions \"Use only blue and green colors, bold strokes\"\n\n# With reference images\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"logo in this style\" \\\n  --references https:\u002F\u002Fexample.com\u002Fref1.png \\\n  --references https:\u002F\u002Fexample.com\u002Fref2.png\n\n# Save to specific file\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts \"company logo\" --output logo.svg\n\n# Vectorize an image URL to SVG\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts --vectorize --image https:\u002F\u002Fexample.com\u002Fphoto.jpg --auto-crop\n\n# Vectorize with high-res target\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fgenerate-svg\u002Fscripts\u002Fgenerate.ts --vectorize --image https:\u002F\u002Fexample.com\u002Fphoto.jpg --target-size 2048 --max-tokens 131072\n```\n\n## Model\n\nUses Arrow `arrow-preview` (Quiver AI) for SVG generation. Override with `SVG_MODEL` env var.\n\nCost: 1 credit per request (regardless of `--count`).\nRate limit: 20 requests per 60 seconds.\n\n> Last verified: March 2026.\n",{"name":5,"description":7},"main","f2ec4b3b9133d34eeaf9b38e4b0a97e8e5705a7f","benchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--generate-svg",0,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard","https:\u002F\u002Fgithub.com\u002FJSGforever","2026-08-29 18:27:56",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add JSGforever\u002Fskillguard --skill generate-svg",{"tool":60,"command":61},"bunx","bunx skills add JSGforever\u002Fskillguard --skill generate-svg",{"tool":63,"command":64},"pnpm","pnpm dlx skills add JSGforever\u002Fskillguard --skill generate-svg","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--generate-svg\u002FSKILL.md",true,[68],{"path":69,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":72,"sourceHtmlUrl":73},"scripts\u002Fgenerate.ts","SCRIPT","脚本",4937,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--generate-svg\u002Fscripts\u002Fgenerate.ts",[75,104,120,147,169,190],{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":84,"publishedAt":42},"01M71HY2SNXBA9Q00WZDTZQ31Z","skillguard-codex-scanner","Hybrid deterministic+LLM agent-skill security scanner. Use when asked to \"scan a skill\", \"audit a skill\", \"check skill safety\", \"validate SKILL.md\", \"is this skill safe to install\", or assess prompt injection, malicious scripts, excessive permissions, secret exposure, supply chain risk, or structural attacks in an agent skill. Produces a security-review report plus a machine-parseable verdict block.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fsrc\u002Fskillguard\u002Fstatic_scanner\u002Fskillguard-codex-scanner\u002FSKILL.md",[81],{"categoryNo":82,"categoryName":83,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[85,86,87,88,89,90,91,92,93,94,95,96,35,97,98,99,100,101,102,103],"scanner","skillguard codex scanner","skillguard","codex","chain","skill security","security-review","review report","structural","secret","prompt injection","security scanner","review","malicious","permissions","exposure","audit","scripts","safe",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":108,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":116,"publishedAt":42},"01M71HY0SPKTT3S27BC2HPAC5M","data-exfiltrator","Analyzes data files","MIT","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Fsmoke-one-skill\u002Fasset1__cisco-ai-defense--data-exfiltrator\u002FSKILL.md",[111],{"categoryNo":112,"categoryName":113,"taxonomyType":114,"taxonomyTypeDesc":115},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[117,118,119],"data","data exfiltrator","files",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":124,"categories":125,"keywords":126,"publishedAt":42},"01M71HXVS9EMN44BGDW215FZ72","real-time-collaboration-engine","Build real-time collaborative editing with WebSockets, OT\u002FCRDT conflict resolution, and presence awareness. Implements cursor tracking, optimistic updates, and offline sync. Use for collaborative editors, whiteboards, video editing. Activate on \"real-time collaboration\", \"WebSocket sync\", \"multiplayer editing\", \"CRDT\", \"presence awareness\". NOT for simple chat, request-response APIs, or single-user apps.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--real-time-collaboration-engine\u002FSKILL.md",[],[127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146],"time","real time collaboration engine","real time collaboration","collaboration","engine","real time","Video","reliability","video editing","performance","conflict resolution","presence","access","apps","updates","Bash","activate","optimizer","react","streaming",{"skillNo":148,"name":149,"nameZh":6,"description":150,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":151,"categories":152,"keywords":156,"publishedAt":42},"01M71HXP6CTY4KFN0QVMMN0V7J","react-performance-optimizer","Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat. Activate on \"React performance\", \"slow render\", \"useMemo\", \"bundle size\", \"virtualization\". NOT for backend optimization, non-React frameworks, or premature optimization.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--react-performance-optimizer\u002FSKILL.md",[153],{"categoryNo":154,"categoryName":155,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[136,157,144,145,158,159,160,161,162,163,127,164,165,140,142,166,143,146,167,168],"react performance optimizer","react performance","performance optimizer","app","nextjs","expert","re","render","2025","code","router","strategies",{"skillNo":170,"name":171,"nameZh":6,"description":172,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":173,"categories":174,"keywords":176,"publishedAt":42},"01M71HXH7QXSQB4QTDZ7SP7YXQ","llm-streaming-response-handler","Build production LLM streaming UIs with Server-Sent Events, real-time token display, cancellation, error recovery. Handles OpenAI\u002FAnthropic\u002FClaude streaming APIs. Use for chatbots, AI assistants, real-time text generation. Activate on \"LLM streaming\", \"SSE\", \"token stream\", \"chat UI\", \"real-time AI\". NOT for batch processing, non-streaming APIs, or WebSocket bidirectional chat.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--llm-streaming-response-handler\u002FSKILL.md",[175],{"categoryNo":154,"categoryName":155,"taxonomyType":20,"taxonomyTypeDesc":21},[177,146,178,179,180,181,136,127,182,183,184,142,143,144,185,145,186,187,188,189],"llm streaming response handler","handler","error","processing","retry","chat ui","error recovery","critical","batch","display","text","server","read",{"skillNo":191,"name":192,"nameZh":6,"description":193,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":194,"categories":195,"keywords":203,"publishedAt":42},"01M71HXCB0E1YRKYW1Y8T0Y106","github-actions-pipeline-builder","Build production CI\u002FCD pipelines with GitHub Actions. Implements matrix builds, caching, deployments, testing, security scanning. Use for automated testing, deployments, release workflows. Activate on \"GitHub Actions\", \"CI\u002FCD\", \"workflow\", \"deployment pipeline\", \"automated testing\". NOT for Jenkins\u002FCircleCI, manual deployments, or non-GitHub repositories.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--github-actions-pipeline-builder\u002FSKILL.md",[196,199,202],{"categoryNo":197,"categoryName":198,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":200,"categoryName":201,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":82,"categoryName":83,"taxonomyType":20,"taxonomyTypeDesc":21},[204,205,206,207,208,209,210,134,162,211,212,213,143,168,214,189,215,216,217,218],"github actions pipeline builder","actions","github actions","pipeline builder","github","builder","pipeline","testing","ci","workflows","run","release","write","edit","git"]