{"_id":"@cubealabs/favicon","name":"@cubealabs/favicon","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@cubealabs/favicon","version":"1.0.0","description":"🎨 Generate complete favicon sets from any logo with PWA support, all icon sizes, and framework integration","keywords":["favicon","pwa","icons","web-manifest","apple-touch-icon","android-chrome","claude-skill","claude-code","next.js","react","vue","angular"],"author":{"name":"Cube A Labs"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Muddi00seven/skills.git","directory":"packages/favicon"},"homepage":"https://github.com/Muddi00seven/skills/tree/main/packages/favicon#readme","bugs":{"url":"https://github.com/Muddi00seven/skills/issues"},"main":"skill.md","_id":"@cubealabs/favicon@1.0.0","gitHead":"76ab4d9df42e19e931f622d4cdb4df7f713f80df","_nodeVersion":"23.10.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-VgcajRjpIm2+OJakHrcC5xHGyLQUIvPTTA176tcSHbQ8ej6bDaHGyzvxORnoXMMFSiroGjzSFwcagHJk9C15qw==","shasum":"38951306253febc5001dc7184e06af03cf9f83dd","tarball":"https://registry.npmjs.org/@cubealabs/favicon/-/favicon-1.0.0.tgz","fileCount":3,"unpackedSize":20511,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDioHXzbJcUNOU27RHvsS5vankd2e6Z9kFLEuSVM+yxdwIhAPwDgO2o2Bv/tiNfl/zNfSXVTmuzMbXkafeBWnRQN2yN"}]},"_npmUser":{"name":"sigma_wolf","email":"just00seven@gmail.com"},"directories":{},"maintainers":[{"name":"sigma_wolf","email":"just00seven@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/favicon_1.0.0_1769613159619_0.5889140346064892"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-28T15:12:39.567Z","1.0.0":"2026-01-28T15:12:39.742Z","modified":"2026-01-28T15:12:40.158Z"},"maintainers":[{"name":"sigma_wolf","email":"just00seven@gmail.com"}],"description":"🎨 Generate complete favicon sets from any logo with PWA support, all icon sizes, and framework integration","homepage":"https://github.com/Muddi00seven/skills/tree/main/packages/favicon#readme","keywords":["favicon","pwa","icons","web-manifest","apple-touch-icon","android-chrome","claude-skill","claude-code","next.js","react","vue","angular"],"repository":{"type":"git","url":"git+https://github.com/Muddi00seven/skills.git","directory":"packages/favicon"},"author":{"name":"Cube A Labs"},"bugs":{"url":"https://github.com/Muddi00seven/skills/issues"},"license":"MIT","readme":"# @cubealabs/favicon\n\n🎨 **Generate complete favicon sets from any logo with PWA support**\n\nAutomatically detect your framework and generate all favicon sizes, PWA manifests, and integration code. Supports Next.js, React, Angular, Vue, Svelte, and more.\n\n## Features\n\n- ✅ **All Icon Sizes**: 16x16 to 512x512, ICO, Apple Touch, Android Chrome\n- ✅ **PWA Support**: Web manifest, maskable icons, theme colors\n- ✅ **Framework Detection**: Auto-detects Next.js, React, Vue, Angular, etc.\n- ✅ **Dark Mode**: Optional dark mode favicon variants\n- ✅ **Safari Pinned Tab**: Monochrome SVG generation\n- ✅ **Windows Tiles**: Microsoft browserconfig.xml\n\n## Installation\n\n```bash\nnpm install @cubealabs/favicon\n```\n\n## Usage with Claude Code\n\nThis is a Claude Code skill. Install it and use with:\n\n```bash\n/favicon\n```\n\nFollow the interactive prompts to generate your complete favicon set.\n\n## What Gets Generated\n\n```\nGenerated Files:\n├── favicon.ico (16, 32, 48)\n├── favicon-16x16.png\n├── favicon-32x32.png\n├── apple-touch-icon.png (180x180)\n├── android-chrome-192x192.png\n├── android-chrome-512x512.png\n├── icon-512x512-maskable.png\n├── safari-pinned-tab.svg\n├── site.webmanifest\n└── browserconfig.xml\n```\n\nPlus framework-specific integration code for your HTML/JSX files.\n\n## Supported Frameworks\n\n- Next.js (App & Pages Router)\n- React (Vite, CRA)\n- Angular\n- Vue / Nuxt\n- Svelte / SvelteKit\n- Astro\n- Gatsby\n- Plain HTML\n\n## Examples\n\n**Input:**\n- Logo file: `public/logo.svg`\n- Theme color: `#1A1A1A`\n- Dark mode: Yes\n\n**Output:**\n- All favicon sizes generated\n- PWA manifest with theme colors\n- Framework-specific meta tags\n- Dark mode variants\n\n## License\n\nMIT © Cube A Labs\n\n## More Skills\n\nCheck out other [Cube A Labs skills](https://github.com/Muddi00seven/skills):\n- [@cubealabs/cube-ui](../cube-ui) - UI component generator\n- [@cubealabs/sitemap](../sitemap) - SEO sitemap generator\n","readmeFilename":"README.md","_rev":"1-5c266face1d18f36243d9376d2cfd7ad"}