[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71HWKPPVZCEE4C7W2RJDJVV":3,"skill-same:01M71HWKPPVZCEE4C7W2RJDJVV":132},{"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":27,"publishedAt":48,"linkOnly":49,"markdownContent":50,"markdownBody":51,"frontMatter":52,"refName":71,"commitSha":72,"skillDirectory":73,"forksCount":74,"repositoryHtmlUrl":75,"repositoryHomepageUrl":6,"ownerHtmlUrl":76,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":77,"install":78,"resources":91},"01M71HWKPPVZCEE4C7W2RJDJVV","design-system-generator",null,"Design system generator that matches natural language descriptions to design trends. Expert in Swiss Modern, Neobrutalism, Glassmorphism, and 20+ other design trends. Includes trend matching scripts and comprehensive design pattern library.","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__curiositech--design-system-generator\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47],"design","generator","design system","design system generator","system","adoption","type","swiss","team","decisions","design systems","generated","themes","component library","tokens","scaffolding","glassmorphism","expert","for","natural language","2026-11-10 10:12:30",false,"---\nname: design-system-generator\ndescription: Design system generator that matches natural language descriptions to design trends. Expert in Swiss Modern, Neobrutalism, Glassmorphism, and 20+ other design trends. Includes trend matching\n  scripts and comprehensive design pattern library.\nmetadata:\n  category: Design\n  tags:\n  - design-system\n  - trends\n  - generator\n  pairs-with:\n  - skill: design-system-creator\n    reason: Generator creates initial tokens and themes; creator builds the full component library from them\n  - skill: design-system-documenter\n    reason: Generated design systems need comprehensive documentation for team adoption\n  - skill: component-template-generator\n    reason: Design tokens from the generator feed into component template scaffolding\n  - skill: typography-expert\n    reason: Type scale and font pairing decisions are foundational to design system generation\n---\n\n# Design System Generator\n\nDesign system generator that matches natural language descriptions to design trends. Expert in Swiss Modern, Neobrutalism, Glassmorphism, and 20+ other design trends. Includes trend matching scripts and comprehensive design pattern library.\n\n## When to Use This Skill\n\n**Activate on:**\n- \"design system\", \"design trends\", \"trend matcher\"\n- \"Swiss Modern\", \"Neobrutalism\", \"Glassmorphism\"\n- \"match design style\", \"design trend recommendation\"\n- \"component library trends\", \"modern design patterns\"\n\n**NOT for:**\n- Implementing individual components → `design-system-creator`\n- Dark mode specifically → `dark-mode-design-expert`\n- Typography only → `typography-expert`\n- Accessibility auditing → `color-contrast-auditor`\n\n## Core Capabilities\n\nThis skill provides a trend matching script that maps natural language descriptions to specific design trends including:\n\n- Swiss Modern (clean, minimal, professional)\n- Neobrutalism (bold, stark, dramatic)\n- Glassmorphism (transparent, frosted glass)\n- Neumorphism (soft, tactile, raised)\n- Dark Mode (night mode, OLED optimized)\n- Hyperminimalism (essential, calm, zen)\n- Maximalism (vibrant, colorful, rich)\n- Cyberpunk (neon, futuristic, gaming)\n- Retrofuturism (vintage sci-fi, arcade)\n- 3D Immersive (WebGL, AR, interactive)\n- Motion Design (animated, micro-interactions)\n- Bold Typography (oversized, kinetic)\n- Collage (scrapbook, artistic)\n- Sustainable Design (ethical, accessible)\n- Claymorphism (soft, rounded, playful)\n- Terminal Aesthetic (monospace, CLI)\n- Web3\u002FCrypto (gradient, blockchain)\n- Botanical\u002FOrganic (natural, earthy)\n\n## Usage\n\nRun the trend matcher script:\n\n```bash\nnpx ts-node scripts\u002Fmatch-trend.ts \"description of desired design\"\n```\n\nThe script will analyze the description and return the best matching design trend with a score and matched keywords.\n","# Design System Generator\n\nDesign system generator that matches natural language descriptions to design trends. Expert in Swiss Modern, Neobrutalism, Glassmorphism, and 20+ other design trends. Includes trend matching scripts and comprehensive design pattern library.\n\n## When to Use This Skill\n\n**Activate on:**\n- \"design system\", \"design trends\", \"trend matcher\"\n- \"Swiss Modern\", \"Neobrutalism\", \"Glassmorphism\"\n- \"match design style\", \"design trend recommendation\"\n- \"component library trends\", \"modern design patterns\"\n\n**NOT for:**\n- Implementing individual components → `design-system-creator`\n- Dark mode specifically → `dark-mode-design-expert`\n- Typography only → `typography-expert`\n- Accessibility auditing → `color-contrast-auditor`\n\n## Core Capabilities\n\nThis skill provides a trend matching script that maps natural language descriptions to specific design trends including:\n\n- Swiss Modern (clean, minimal, professional)\n- Neobrutalism (bold, stark, dramatic)\n- Glassmorphism (transparent, frosted glass)\n- Neumorphism (soft, tactile, raised)\n- Dark Mode (night mode, OLED optimized)\n- Hyperminimalism (essential, calm, zen)\n- Maximalism (vibrant, colorful, rich)\n- Cyberpunk (neon, futuristic, gaming)\n- Retrofuturism (vintage sci-fi, arcade)\n- 3D Immersive (WebGL, AR, interactive)\n- Motion Design (animated, micro-interactions)\n- Bold Typography (oversized, kinetic)\n- Collage (scrapbook, artistic)\n- Sustainable Design (ethical, accessible)\n- Claymorphism (soft, rounded, playful)\n- Terminal Aesthetic (monospace, CLI)\n- Web3\u002FCrypto (gradient, blockchain)\n- Botanical\u002FOrganic (natural, earthy)\n\n## Usage\n\nRun the trend matcher script:\n\n```bash\nnpx ts-node scripts\u002Fmatch-trend.ts \"description of desired design\"\n```\n\nThe script will analyze the description and return the best matching design trend with a score and matched keywords.\n",{"name":5,"metadata":53,"description":7},{"tags":54,"category":57,"pairs-with":58},[55,56,29],"design-system","trends","Design",[59,62,65,68],{"skill":60,"reason":61},"design-system-creator","Generator creates initial tokens and themes; creator builds the full component library from them",{"skill":63,"reason":64},"design-system-documenter","Generated design systems need comprehensive documentation for team adoption",{"skill":66,"reason":67},"component-template-generator","Design tokens from the generator feed into component template scaffolding",{"skill":69,"reason":70},"typography-expert","Type scale and font pairing decisions are foundational to design system generation","main","f2ec4b3b9133d34eeaf9b38e4b0a97e8e5705a7f","benchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator",0,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard","https:\u002F\u002Fgithub.com\u002FJSGforever","2026-08-29 18:27:56",{"source":8,"skillName":5,"commands":79,"prompt":89,"zipAvailable":90},[80,83,86],{"tool":81,"command":82},"npx","npx skills add JSGforever\u002Fskillguard --skill design-system-generator",{"tool":84,"command":85},"bunx","bunx skills add JSGforever\u002Fskillguard --skill design-system-generator",{"tool":87,"command":88},"pnpm","pnpm dlx skills add JSGforever\u002Fskillguard --skill design-system-generator","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002FSKILL.md",true,[92,98,102,106,110,114,120,124,128],{"path":93,"resourceType":94,"resourceTypeDesc":95,"sizeBytes":96,"sourceHtmlUrl":97},"references\u002Faccessibility.md","REFERENCE","参考文档",4093,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Freferences\u002Faccessibility.md",{"path":99,"resourceType":94,"resourceTypeDesc":95,"sizeBytes":100,"sourceHtmlUrl":101},"references\u002Fadvanced-css-techniques.md",6655,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Freferences\u002Fadvanced-css-techniques.md",{"path":103,"resourceType":94,"resourceTypeDesc":95,"sizeBytes":104,"sourceHtmlUrl":105},"references\u002Fdesign-prompts-styles.md",7266,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Freferences\u002Fdesign-prompts-styles.md",{"path":107,"resourceType":94,"resourceTypeDesc":95,"sizeBytes":108,"sourceHtmlUrl":109},"references\u002Foutput-formats.md",3528,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Freferences\u002Foutput-formats.md",{"path":111,"resourceType":94,"resourceTypeDesc":95,"sizeBytes":112,"sourceHtmlUrl":113},"references\u002Ftrend-mapping.md",3186,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Freferences\u002Ftrend-mapping.md",{"path":115,"resourceType":116,"resourceTypeDesc":117,"sizeBytes":118,"sourceHtmlUrl":119},"scripts\u002Fgenerate-css-vars.ts","SCRIPT","脚本",16857,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Fscripts\u002Fgenerate-css-vars.ts",{"path":121,"resourceType":116,"resourceTypeDesc":117,"sizeBytes":122,"sourceHtmlUrl":123},"scripts\u002Fgenerate-tailwind.ts",14484,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Fscripts\u002Fgenerate-tailwind.ts",{"path":125,"resourceType":116,"resourceTypeDesc":117,"sizeBytes":126,"sourceHtmlUrl":127},"scripts\u002Fgenerate-tokens.ts",19561,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Fscripts\u002Fgenerate-tokens.ts",{"path":129,"resourceType":116,"resourceTypeDesc":117,"sizeBytes":130,"sourceHtmlUrl":131},"scripts\u002Fmatch-trend.ts",9760,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--design-system-generator\u002Fscripts\u002Fmatch-trend.ts",[133,163,177,204,225,246],{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":142,"publishedAt":48},"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",[139],{"categoryNo":140,"categoryName":141,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162],"scanner","skillguard codex scanner","skillguard","codex","chain","skill security","security-review","review report","structural","secret","prompt injection","security scanner","when","review","malicious","permissions","exposure","audit","scripts","safe",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":167,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":173,"publishedAt":48},"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",[170],{"categoryNo":171,"categoryName":172,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000033","数据分析师",[174,175,176],"data","data exfiltrator","files",{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":181,"categories":182,"keywords":183,"publishedAt":48},"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",[],[184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203],"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":205,"name":206,"nameZh":6,"description":207,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":208,"categories":209,"keywords":213,"publishedAt":48},"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",[210],{"categoryNo":211,"categoryName":212,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[193,214,201,202,215,216,217,218,45,219,184,220,221,197,199,222,200,203,223,224],"react performance optimizer","react performance","performance optimizer","app","nextjs","re","render","2025","code","router","strategies",{"skillNo":226,"name":227,"nameZh":6,"description":228,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":229,"categories":230,"keywords":232,"publishedAt":48},"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",[231],{"categoryNo":211,"categoryName":212,"taxonomyType":20,"taxonomyTypeDesc":21},[233,203,234,235,236,237,193,184,238,239,240,199,200,201,241,202,242,243,244,245],"llm streaming response handler","handler","error","processing","retry","chat ui","error recovery","critical","batch","display","text","server","read",{"skillNo":247,"name":248,"nameZh":6,"description":249,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":250,"categories":251,"keywords":259,"publishedAt":48},"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",[252,255,258],{"categoryNo":253,"categoryName":254,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":256,"categoryName":257,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":140,"categoryName":141,"taxonomyType":20,"taxonomyTypeDesc":21},[260,261,262,263,264,265,266,191,45,267,268,269,200,224,270,245,271,272,273,274],"github actions pipeline builder","actions","github actions","pipeline builder","github","builder","pipeline","testing","ci","workflows","run","release","write","edit","git"]