[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6MYRAQWYSQ3CFWHXPHKESTY":3,"skill-same:01M6MYRAQWYSQ3CFWHXPHKESTY":85},{"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":17,"publishedAt":26,"linkOnly":27,"markdownContent":28,"markdownBody":29,"frontMatter":30,"refName":31,"commitSha":32,"skillDirectory":33,"forksCount":34,"repositoryHtmlUrl":35,"repositoryHomepageUrl":6,"ownerHtmlUrl":36,"ownerBlogUrl":6,"ownerDescription":37,"updatedAt":38,"install":39,"resources":52},"01M6MYRAQWYSQ3CFWHXPHKESTY","dark-mode",null,"Add dark mode support to components using AI. Use when building theme toggles or retrofitting dark mode.","Kernel8901\u002Fai-agent-skills-classification","Kernel8901","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F72647553?v=4","01M6KV388J2H5PNC8D8P940BJD","01M6KV38CS5B3AY63RKZB410YM",7,"MIT","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002FSKILL.md",[],[18,19,20,21,22,23,24,25],"dark mode","mode","dark","support","components","use","add","theme","2026-11-10 10:12:30",false,"---\nname: dark-mode\ndescription: Add dark mode support to components using AI. Use when building theme toggles or retrofitting dark mode.\n---\n\n# Dark Mode Generator\n\nTired of manually writing dark mode variants? This tool scans your components and generates the CSS or Tailwind classes you need. Point it at a file, get dark mode support back. No overthinking required.\n\n**One command. Zero config. Just works.**\n\n## Quick Start\n\n```bash\nnpx ai-dark-mode .\u002Fsrc\u002Fcomponents\u002FButton.tsx\n```\n\n## What It Does\n\n- Analyzes your component's existing styles and color usage\n- Generates matching dark mode variants that actually look good\n- Works with plain CSS, Tailwind, or CSS-in-JS\n- Outputs clean, copy-paste ready code\n- Respects your existing design system colors\n\n## Usage Examples\n\n```bash\n# Generate dark mode for a single component\nnpx ai-dark-mode .\u002Fsrc\u002Fcomponents\u002FCard.tsx\n\n# Process an entire directory\nnpx ai-dark-mode .\u002Fsrc\u002Fcomponents\u002F --recursive\n\n# Output Tailwind dark: classes\nnpx ai-dark-mode .\u002Fsrc\u002FButton.tsx --format tailwind\n\n# Generate CSS custom properties\nnpx ai-dark-mode .\u002Fsrc\u002Fstyles\u002Fmain.css --format css-vars\n```\n\n## Best Practices\n\n- **Start with your design tokens** - If you have a color palette defined, the AI will reference it for consistent results\n- **Review contrast ratios** - The tool tries to maintain readability but always double check accessibility\n- **Test in both modes** - Generated styles are smart but not perfect. Toggle between modes to catch edge cases\n- **Keep backgrounds in mind** - Dark mode isn't just inverting colors. Think about elevation and depth\n\n## When to Use This\n\n- You inherited a codebase with no dark mode and need to add it fast\n- Building a new component and want dark variants from the start\n- Converting a design system to support theme switching\n- Quick prototyping where you want both modes without manual work\n\n## Part of the LXGIC Dev Toolkit\n\nThis is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.\n\n**Find more:**\n- GitHub: https:\u002F\u002Fgithub.com\u002FLXGIC-Studios\n- Twitter: https:\u002F\u002Fx.com\u002Flxgicstudios\n- Substack: https:\u002F\u002Flxgicstudios.substack.com\n- Website: https:\u002F\u002Flxgic.dev\n\n## Requirements\n\nNo install needed. Just run with npx. Node.js 18+ recommended.\n\n```bash\nnpx ai-dark-mode --help\n```\n\n## How It Works\n\nThe tool parses your component file, extracts color values and style definitions, then uses AI to generate semantically appropriate dark mode alternatives. It understands that light backgrounds become dark, text colors flip for contrast, and subtle grays need careful adjustment.\n\n## License\n\nMIT. Free forever. Use it however you want.\n","# Dark Mode Generator\n\nTired of manually writing dark mode variants? This tool scans your components and generates the CSS or Tailwind classes you need. Point it at a file, get dark mode support back. No overthinking required.\n\n**One command. Zero config. Just works.**\n\n## Quick Start\n\n```bash\nnpx ai-dark-mode .\u002Fsrc\u002Fcomponents\u002FButton.tsx\n```\n\n## What It Does\n\n- Analyzes your component's existing styles and color usage\n- Generates matching dark mode variants that actually look good\n- Works with plain CSS, Tailwind, or CSS-in-JS\n- Outputs clean, copy-paste ready code\n- Respects your existing design system colors\n\n## Usage Examples\n\n```bash\n# Generate dark mode for a single component\nnpx ai-dark-mode .\u002Fsrc\u002Fcomponents\u002FCard.tsx\n\n# Process an entire directory\nnpx ai-dark-mode .\u002Fsrc\u002Fcomponents\u002F --recursive\n\n# Output Tailwind dark: classes\nnpx ai-dark-mode .\u002Fsrc\u002FButton.tsx --format tailwind\n\n# Generate CSS custom properties\nnpx ai-dark-mode .\u002Fsrc\u002Fstyles\u002Fmain.css --format css-vars\n```\n\n## Best Practices\n\n- **Start with your design tokens** - If you have a color palette defined, the AI will reference it for consistent results\n- **Review contrast ratios** - The tool tries to maintain readability but always double check accessibility\n- **Test in both modes** - Generated styles are smart but not perfect. Toggle between modes to catch edge cases\n- **Keep backgrounds in mind** - Dark mode isn't just inverting colors. Think about elevation and depth\n\n## When to Use This\n\n- You inherited a codebase with no dark mode and need to add it fast\n- Building a new component and want dark variants from the start\n- Converting a design system to support theme switching\n- Quick prototyping where you want both modes without manual work\n\n## Part of the LXGIC Dev Toolkit\n\nThis is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.\n\n**Find more:**\n- GitHub: https:\u002F\u002Fgithub.com\u002FLXGIC-Studios\n- Twitter: https:\u002F\u002Fx.com\u002Flxgicstudios\n- Substack: https:\u002F\u002Flxgicstudios.substack.com\n- Website: https:\u002F\u002Flxgic.dev\n\n## Requirements\n\nNo install needed. Just run with npx. Node.js 18+ recommended.\n\n```bash\nnpx ai-dark-mode --help\n```\n\n## How It Works\n\nThe tool parses your component file, extracts color values and style definitions, then uses AI to generate semantically appropriate dark mode alternatives. It understands that light backgrounds become dark, text colors flip for contrast, and subtle grays need careful adjustment.\n\n## License\n\nMIT. Free forever. Use it however you want.\n",{"name":5,"description":7},"main","f4cb2d49f7667e79ef7804f50396d5aaffdf1f56","人工智能与大型语言模型\u002Fdark-mode",1,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification","https:\u002F\u002Fgithub.com\u002FKernel8901","a little little little dobe in life but science geek","2026-04-05 16:43:56",{"source":8,"skillName":5,"commands":40,"prompt":50,"zipAvailable":51},[41,44,47],{"tool":42,"command":43},"npx","npx skills add Kernel8901\u002Fai-agent-skills-classification --skill dark-mode",{"tool":45,"command":46},"bunx","bunx skills add Kernel8901\u002Fai-agent-skills-classification --skill dark-mode",{"tool":48,"command":49},"pnpm","pnpm dlx skills add Kernel8901\u002Fai-agent-skills-classification --skill dark-mode","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002FSKILL.md",true,[53,59,63,67,71,77,81],{"path":54,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":57,"sourceHtmlUrl":58},"_meta.json","REFERENCE","参考文档",286,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002F_meta.json",{"path":60,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":61,"sourceHtmlUrl":62},"package-lock.json",47281,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002Fpackage-lock.json",{"path":64,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":65,"sourceHtmlUrl":66},"package.json",657,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002Fpackage.json",{"path":68,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":69,"sourceHtmlUrl":70},"README.md",604,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002FREADME.md",{"path":72,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"src\u002Fcli.ts","SCRIPT","脚本",1539,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002Fsrc\u002Fcli.ts",{"path":78,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":79,"sourceHtmlUrl":80},"src\u002Findex.ts",1851,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002Fsrc\u002Findex.ts",{"path":82,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":83,"sourceHtmlUrl":84},"tsconfig.json",251,"https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F人工智能与大型语言模型\u002Fdark-mode\u002Ftsconfig.json",[86,109,145,156,166,196],{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":92,"publishedAt":26},"01M6Q5R6WZ06RRB9RQTW54B34B","zyfai","Earn yield on any Ethereum wallet on Base, Arbitrum, and Plasma. Use when a user wants passive DeFi yield on their funds. Deploys a non-custodial subaccount (Safe) linked to their EOA, enables automated yield optimization, and lets them deposit\u002Fwithdraw anytime.","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F金融\u002Fzyfai-sdk\u002FSKILL.md",[],[88,93,94,95,96,97,23,98,99,100,101,102,103,104,105,106,107,108],"safe","ethereum","defi","Optimization","user","Wallet","base","deposit","withdraw","yield","arbitrum","non-custodial","passive","defi yield","earn","yield optimization",{"skillNo":110,"name":111,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":127,"publishedAt":26},"01M6Q5R337B5JSNER4P4YS03TN","zerion-api","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F金融\u002Fzerion-api\u002FSKILL.md",[114,119,122],{"categoryNo":115,"categoryName":116,"taxonomyType":117,"taxonomyTypeDesc":118},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",{"categoryNo":120,"categoryName":121,"taxonomyType":117,"taxonomyTypeDesc":118},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":123,"categoryName":124,"taxonomyType":125,"taxonomyTypeDesc":126},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[128,129,130,131,132,133,134,95,135,98,136,137,138,139,140,141,142,143,144],"api","zerion api","zerion","MCP","mcp server","server","blockchain","transactions","crypto wallet","crypto","evm","solana","query","across","positions","token","prices",{"skillNo":146,"name":147,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":148,"categories":149,"keywords":153,"publishedAt":26},"01M6Q5QZFYTDAZMZ27BN5VZXAR","zerion-api-skill","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F金融\u002Fzerion-api-skill\u002FSKILL.md",[150,151,152],{"categoryNo":115,"categoryName":116,"taxonomyType":117,"taxonomyTypeDesc":118},{"categoryNo":120,"categoryName":121,"taxonomyType":117,"taxonomyTypeDesc":118},{"categoryNo":123,"categoryName":124,"taxonomyType":125,"taxonomyTypeDesc":126},[128,154,155,129,130,131,132,133,134,95,135,98,137,138,139,140,141,142,143,144],"api skill","zerion api skill",{"skillNo":157,"name":158,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":159,"categories":160,"keywords":164,"publishedAt":26},"01M6Q5QW17QW98RA3FE45E4RD8","zerion-api-mcp","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F金融\u002Fzerion-api-mcp\u002FSKILL.md",[161,162,163],{"categoryNo":115,"categoryName":116,"taxonomyType":117,"taxonomyTypeDesc":118},{"categoryNo":120,"categoryName":121,"taxonomyType":117,"taxonomyTypeDesc":118},{"categoryNo":123,"categoryName":124,"taxonomyType":125,"taxonomyTypeDesc":126},[131,128,165,129,130,132,133,95,135,98,136,137,138,139,140,141,142,143,144],"zerion api mcp",{"skillNo":167,"name":168,"nameZh":6,"description":169,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":170,"categories":171,"keywords":175,"publishedAt":26},"01M6Q5QQYZB7A501BDEQWKGSJT","yahoo-finance-forex","Fetches real-time FOREX news and market data from Yahoo Finance for major currency pairs (EUR\u002FUSD, GBP\u002FUSD, USD\u002FJPY, etc.). Analyzes sentiment and provides trading context.","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F金融\u002Fyahoo-finance-forex\u002FSKILL.md",[172],{"categoryNo":173,"categoryName":174,"taxonomyType":125,"taxonomyTypeDesc":126},"01JBSEEDCAT000000000000040","财务",[176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195],"finance","yahoo finance","forex","yahoo","yahoo finance forex","github","https","sentiment","real-time","python3","install","Market","usd","news","time","currency","gbp","pip","market data","for",{"skillNo":197,"name":198,"nameZh":6,"description":199,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":200,"categories":201,"keywords":203,"publishedAt":26},"01M6Q5QM6VS84WZVM7BKXXPF32","yahoo-finance","This skill should be used when the user asks to \"get stock prices\", \"check stock quotes\", \"look up earnings\", \"get financial data\", \"find trending stocks\", or needs stock market data from Yahoo Finance.","https:\u002F\u002Fgithub.com\u002FKernel8901\u002Fai-agent-skills-classification\u002Fblob\u002Fmain\u002F金融\u002Fyahoo-finance-cli\u002FSKILL.md",[202],{"categoryNo":173,"categoryName":174,"taxonomyType":125,"taxonomyTypeDesc":126},[176,177,179,204,205,206,207,208,209,187,210,211,212,213,214,215,216,217,144,194],"cli","homebrew","find","check","brew","up","local","get","stock","link","trending","sf","quotes","ln"]