[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6P136V19TC64A7FAQRQBC9T":3,"skill-same:01M6P136V19TC64A7FAQRQBC9T":141},{"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":28,"publishedAt":49,"linkOnly":50,"markdownContent":51,"markdownBody":52,"frontMatter":53,"refName":60,"commitSha":61,"skillDirectory":62,"forksCount":14,"repositoryHtmlUrl":63,"repositoryHomepageUrl":6,"ownerHtmlUrl":64,"ownerBlogUrl":6,"ownerDescription":65,"updatedAt":66,"install":67,"resources":80},"01M6P136V19TC64A7FAQRQBC9T","ckm:cip-design",null,"Corporate Identity Program design with 50 deliverables, 20 styles, 20 industries. Generate CIP mockups with Gemini Nano Banana (Flash\u002FPro). Actions: design, create, generate brand identity. Deliverables: business card, letterhead, signage, vehicle, apparel, packaging. Styles: corporate, luxury, minimal, modern.","wojtekidd\u002Frisky","wojtekidd","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6146254?v=4","01M6P0WHHREXD9NW313W645V9S","Wojtek Cichoń","01M6P0WHNSD5F7WCPRNKNAKHSW",0,"MIT","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"ckm:cip design","ckm","design","card","luxury","nano","brand identity","letterhead","deliverables","with","styles","element","minimal","program design","packaging","business","brand","actions","create","gemini","2026-11-10 10:12:30",false,"---\nname: ckm:cip-design\ndescription: \"Corporate Identity Program design with 50 deliverables, 20 styles, 20 industries. Generate CIP mockups with Gemini Nano Banana (Flash\u002FPro). Actions: design, create, generate brand identity. Deliverables: business card, letterhead, signage, vehicle, apparel, packaging. Styles: corporate, luxury, minimal, modern.\"\nargument-hint: \"[deliverable or brand-element]\"\nlicense: MIT\ndependencies:\n  - ai-multimodal  # For Gemini Nano Banana image generation\nmetadata:\n  author: claudekit\n  version: \"1.0.0\"\n---\n\n# CIP Design - Corporate Identity Program Intelligence\n\nComprehensive Corporate Identity Program (CIP) design system with 50+ deliverables, 20 design styles, 20 industry guides. Search design guidelines and generate mockups using Gemini Nano Banana (Flash\u002FPro) models.\n\n> **Note:** This skill uses `ai-multimodal` skill's Gemini integration for image generation with Nano Banana models (NOT Imagen).\n\n## When to Apply\n\nActivate when user requests:\n- Corporate identity or brand identity design\n- CIP\u002FCI deliverable mockups (business cards, letterheads, signage, etc.)\n- Brand application guidelines\n- Vehicle branding, office signage, uniforms\n- Complete brand identity packages\n\n## Quick Reference\n\n### 1. Generate CIP Brief (RECOMMENDED START)\n\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"tech startup\" --cip-brief -b \"BrandName\"\n```\n\nReturns: Industry analysis, style recommendations, key deliverables.\n\n### 2. Search Specific Domains\n\n```bash\n# Search deliverables\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"business card letterhead\" --domain deliverable\n\n# Search design styles\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"luxury premium elegant\" --domain style\n\n# Search industry guidelines\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"hospitality hotel\" --domain industry\n\n# Search mockup contexts\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"office reception\" --domain mockup\n```\n\n### 3. Generate CIP Mockups with Gemini Nano Banana\n\n**RECOMMENDED: Use --logo for accurate brand mockups**\n\n```bash\n# Generate with brand logo (RECOMMENDED - uses image editing)\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TopGroup\" --logo \u002Fpath\u002Fto\u002Flogo.png --deliverable \"business card\" --industry \"consulting\"\n\n# Generate full CIP set with logo\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TopGroup\" --logo \u002Fpath\u002Fto\u002Flogo.png --industry \"consulting\" --set\n\n# Use Pro model for higher quality \u002F 4K text rendering\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TopGroup\" --logo logo.png --deliverable \"business card\" --model pro\n\n# Custom deliverables with aspect ratio\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"GreenLeaf\" --logo logo.png --industry \"organic food\" --deliverables \"letterhead,packaging,vehicle\" --ratio 16:9\n\n# Without logo (AI generates its own interpretation)\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TechFlow\" --deliverable \"business card\" --no-logo-prompt\n```\n\n**Models:**\n- `flash` (default): `gemini-2.5-flash-image` - Fast, cost-effective\n- `pro`: `gemini-3-pro-image-preview` - Quality, 4K text rendering\n\n**Image Editing Mode:**\nWhen `--logo` is provided, uses Gemini's text-and-image-to-image capability to incorporate your ACTUAL logo into mockups. Without `--logo`, AI generates its own brand interpretation.\n\n## Deliverable Categories\n\n| Category | Items |\n|----------|-------|\n| Core Identity | Logo, Logo Variations |\n| Stationery | Business Card, Letterhead, Envelope, Folder, Notebook, Pen |\n| Security\u002FAccess | ID Badge, Lanyard, Access Card |\n| Office Environment | Reception Signage, Wayfinding, Meeting Room Signs, Wall Graphics |\n| Apparel | Polo Shirt, T-Shirt, Cap, Jacket, Apron |\n| Promotional | Tote Bag, Gift Box, USB Drive, Water Bottle, Mug, Umbrella |\n| Vehicle | Car Sedan, Van, Truck |\n| Digital | Social Media, Email Signature, PowerPoint, Document Templates |\n| Product | Packaging Box, Labels, Tags, Retail Display |\n| Events | Trade Show Booth, Banner Stand, Table Cover, Backdrop |\n\n## Design Styles Quick Guide\n\n| Style | Colors | Best For |\n|-------|--------|----------|\n| Corporate Minimal | Navy, White, Blue | Finance, Legal, Consulting |\n| Modern Tech | Purple, Cyan, Green | Tech, Startups, SaaS |\n| Luxury Premium | Black, Gold, White | Fashion, Jewelry, Hotels |\n| Warm Organic | Brown, Green, Cream | Food, Organic, Artisan |\n| Bold Dynamic | Red, Orange, Black | Sports, Entertainment |\n\n## Workflow Example\n\n**User:** \"Create a complete CIP for a luxury hotel called Grand Vista\"\n\n1. Generate CIP brief:\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"luxury hospitality hotel\" --cip-brief -b \"Grand Vista\"\n```\n\n2. Generate key deliverables with logo (RECOMMENDED):\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"Grand Vista\" --logo \u002Fpath\u002Fto\u002Fgrandvista-logo.png --industry \"hospitality\" --style \"luxury premium\" --set\n```\n\n3. Or without logo (AI generates interpretation):\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"Grand Vista\" --industry \"hospitality\" --style \"luxury premium\" --set --no-logo-prompt\n```\n\n**Note:** If no logo exists, consider using the `logo-design` skill first to generate one.\n\n### 4. Render HTML Presentation (Final Step)\n\nGenerate a professional HTML presentation from CIP mockups with detailed descriptions, concepts, and specifications.\n\n```bash\n# Generate HTML presentation from CIP images\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Frender-html.py --brand \"TopGroup\" --industry \"consulting\" --images \u002Fpath\u002Fto\u002Fcip-output\n\n# Specify custom output path\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Frender-html.py --brand \"TopGroup\" --industry \"consulting\" --images .\u002Ftopgroup-cip --output presentation.html\n```\n\n**HTML Presentation Features:**\n- Hero section with brand name, industry, style, and mood\n- Individual deliverable cards with mockup images\n- Detailed descriptions: concept, purpose, specifications\n- Responsive design for desktop and mobile viewing\n- Dark theme professional aesthetic\n- Images embedded as base64 (single-file portable)\n\n## References\n\n- `references\u002Fdeliverable-guide.md` - Detailed deliverable specifications\n- `references\u002Fstyle-guide.md` - Design style descriptions\n- `references\u002Fprompt-engineering.md` - AI generation prompts\n\n## Setup\n\n```bash\nexport GEMINI_API_KEY=\"your-key\"  # Get from https:\u002F\u002Faistudio.google.com\u002Fapikey\npip install google-genai pillow\n```\n\nSee `ai-multimodal` skill's `references\u002Fimage-generation.md` for detailed Nano Banana documentation.\n","# CIP Design - Corporate Identity Program Intelligence\n\nComprehensive Corporate Identity Program (CIP) design system with 50+ deliverables, 20 design styles, 20 industry guides. Search design guidelines and generate mockups using Gemini Nano Banana (Flash\u002FPro) models.\n\n> **Note:** This skill uses `ai-multimodal` skill's Gemini integration for image generation with Nano Banana models (NOT Imagen).\n\n## When to Apply\n\nActivate when user requests:\n- Corporate identity or brand identity design\n- CIP\u002FCI deliverable mockups (business cards, letterheads, signage, etc.)\n- Brand application guidelines\n- Vehicle branding, office signage, uniforms\n- Complete brand identity packages\n\n## Quick Reference\n\n### 1. Generate CIP Brief (RECOMMENDED START)\n\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"tech startup\" --cip-brief -b \"BrandName\"\n```\n\nReturns: Industry analysis, style recommendations, key deliverables.\n\n### 2. Search Specific Domains\n\n```bash\n# Search deliverables\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"business card letterhead\" --domain deliverable\n\n# Search design styles\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"luxury premium elegant\" --domain style\n\n# Search industry guidelines\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"hospitality hotel\" --domain industry\n\n# Search mockup contexts\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"office reception\" --domain mockup\n```\n\n### 3. Generate CIP Mockups with Gemini Nano Banana\n\n**RECOMMENDED: Use --logo for accurate brand mockups**\n\n```bash\n# Generate with brand logo (RECOMMENDED - uses image editing)\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TopGroup\" --logo \u002Fpath\u002Fto\u002Flogo.png --deliverable \"business card\" --industry \"consulting\"\n\n# Generate full CIP set with logo\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TopGroup\" --logo \u002Fpath\u002Fto\u002Flogo.png --industry \"consulting\" --set\n\n# Use Pro model for higher quality \u002F 4K text rendering\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TopGroup\" --logo logo.png --deliverable \"business card\" --model pro\n\n# Custom deliverables with aspect ratio\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"GreenLeaf\" --logo logo.png --industry \"organic food\" --deliverables \"letterhead,packaging,vehicle\" --ratio 16:9\n\n# Without logo (AI generates its own interpretation)\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"TechFlow\" --deliverable \"business card\" --no-logo-prompt\n```\n\n**Models:**\n- `flash` (default): `gemini-2.5-flash-image` - Fast, cost-effective\n- `pro`: `gemini-3-pro-image-preview` - Quality, 4K text rendering\n\n**Image Editing Mode:**\nWhen `--logo` is provided, uses Gemini's text-and-image-to-image capability to incorporate your ACTUAL logo into mockups. Without `--logo`, AI generates its own brand interpretation.\n\n## Deliverable Categories\n\n| Category | Items |\n|----------|-------|\n| Core Identity | Logo, Logo Variations |\n| Stationery | Business Card, Letterhead, Envelope, Folder, Notebook, Pen |\n| Security\u002FAccess | ID Badge, Lanyard, Access Card |\n| Office Environment | Reception Signage, Wayfinding, Meeting Room Signs, Wall Graphics |\n| Apparel | Polo Shirt, T-Shirt, Cap, Jacket, Apron |\n| Promotional | Tote Bag, Gift Box, USB Drive, Water Bottle, Mug, Umbrella |\n| Vehicle | Car Sedan, Van, Truck |\n| Digital | Social Media, Email Signature, PowerPoint, Document Templates |\n| Product | Packaging Box, Labels, Tags, Retail Display |\n| Events | Trade Show Booth, Banner Stand, Table Cover, Backdrop |\n\n## Design Styles Quick Guide\n\n| Style | Colors | Best For |\n|-------|--------|----------|\n| Corporate Minimal | Navy, White, Blue | Finance, Legal, Consulting |\n| Modern Tech | Purple, Cyan, Green | Tech, Startups, SaaS |\n| Luxury Premium | Black, Gold, White | Fashion, Jewelry, Hotels |\n| Warm Organic | Brown, Green, Cream | Food, Organic, Artisan |\n| Bold Dynamic | Red, Orange, Black | Sports, Entertainment |\n\n## Workflow Example\n\n**User:** \"Create a complete CIP for a luxury hotel called Grand Vista\"\n\n1. Generate CIP brief:\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py \"luxury hospitality hotel\" --cip-brief -b \"Grand Vista\"\n```\n\n2. Generate key deliverables with logo (RECOMMENDED):\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"Grand Vista\" --logo \u002Fpath\u002Fto\u002Fgrandvista-logo.png --industry \"hospitality\" --style \"luxury premium\" --set\n```\n\n3. Or without logo (AI generates interpretation):\n```bash\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py --brand \"Grand Vista\" --industry \"hospitality\" --style \"luxury premium\" --set --no-logo-prompt\n```\n\n**Note:** If no logo exists, consider using the `logo-design` skill first to generate one.\n\n### 4. Render HTML Presentation (Final Step)\n\nGenerate a professional HTML presentation from CIP mockups with detailed descriptions, concepts, and specifications.\n\n```bash\n# Generate HTML presentation from CIP images\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Frender-html.py --brand \"TopGroup\" --industry \"consulting\" --images \u002Fpath\u002Fto\u002Fcip-output\n\n# Specify custom output path\npython3 ~\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Frender-html.py --brand \"TopGroup\" --industry \"consulting\" --images .\u002Ftopgroup-cip --output presentation.html\n```\n\n**HTML Presentation Features:**\n- Hero section with brand name, industry, style, and mood\n- Individual deliverable cards with mockup images\n- Detailed descriptions: concept, purpose, specifications\n- Responsive design for desktop and mobile viewing\n- Dark theme professional aesthetic\n- Images embedded as base64 (single-file portable)\n\n## References\n\n- `references\u002Fdeliverable-guide.md` - Detailed deliverable specifications\n- `references\u002Fstyle-guide.md` - Design style descriptions\n- `references\u002Fprompt-engineering.md` - AI generation prompts\n\n## Setup\n\n```bash\nexport GEMINI_API_KEY=\"your-key\"  # Get from https:\u002F\u002Faistudio.google.com\u002Fapikey\npip install google-genai pillow\n```\n\nSee `ai-multimodal` skill's `references\u002Fimage-generation.md` for detailed Nano Banana documentation.\n",{"name":5,"license":15,"metadata":54,"description":7,"dependencies":57,"argument-hint":59},{"author":55,"version":56},"claudekit","1.0.0",[58],"ai-multimodal","[deliverable or brand-element]","master","5918957b275317d9dc885cd6792bbd06fc4806a4",".claude\u002Fskills\u002Fcip-design","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky","https:\u002F\u002Fgithub.com\u002Fwojtekidd","Connecting the dots between product, marketing, and community. Pulling strings. Poking words.","2026-10-11 21:18:00",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add wojtekidd\u002Frisky --skill \"ckm:cip-design\"",{"tool":73,"command":74},"bunx","bunx skills add wojtekidd\u002Frisky --skill \"ckm:cip-design\"",{"tool":76,"command":77},"pnpm","pnpm dlx skills add wojtekidd\u002Frisky --skill \"ckm:cip-design\"","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002FSKILL.md",true,[81,87,93,97,101,105,109,115,119,123,129,133,137],{"path":82,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":85,"sourceHtmlUrl":86},".env.example","OTHER","其他",228,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002F.env.example",{"path":88,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":91,"sourceHtmlUrl":92},"assets\u002Fsynity-business-card-20260121_155256.png","ASSET","资产文件",1302993,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fassets\u002Fsynity-business-card-20260121_155256.png",{"path":94,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":95,"sourceHtmlUrl":96},"data\u002Fdeliverables.csv",13385,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fdata\u002Fdeliverables.csv",{"path":98,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":99,"sourceHtmlUrl":100},"data\u002Findustries.csv",4935,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fdata\u002Findustries.csv",{"path":102,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":103,"sourceHtmlUrl":104},"data\u002Fmockup-contexts.csv",5205,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fdata\u002Fmockup-contexts.csv",{"path":106,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":107,"sourceHtmlUrl":108},"data\u002Fstyles.csv",5967,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fdata\u002Fstyles.csv",{"path":110,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":113,"sourceHtmlUrl":114},"references\u002Fdeliverable-guide.md","REFERENCE","参考文档",1735,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Freferences\u002Fdeliverable-guide.md",{"path":116,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":117,"sourceHtmlUrl":118},"references\u002Fprompt-engineering.md",2493,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Freferences\u002Fprompt-engineering.md",{"path":120,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":121,"sourceHtmlUrl":122},"references\u002Fstyle-guide.md",2357,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Freferences\u002Fstyle-guide.md",{"path":124,"resourceType":125,"resourceTypeDesc":126,"sizeBytes":127,"sourceHtmlUrl":128},"scripts\u002Fcore.py","SCRIPT","脚本",8047,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fcore.py",{"path":130,"resourceType":125,"resourceTypeDesc":126,"sizeBytes":131,"sourceHtmlUrl":132},"scripts\u002Fgenerate.py",19795,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fgenerate.py",{"path":134,"resourceType":125,"resourceTypeDesc":126,"sizeBytes":135,"sourceHtmlUrl":136},"scripts\u002Frender-html.py",13941,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Frender-html.py",{"path":138,"resourceType":125,"resourceTypeDesc":126,"sizeBytes":139,"sourceHtmlUrl":140},"scripts\u002Fsearch.py",4524,"https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fcip-design\u002Fscripts\u002Fsearch.py",[142,167,194,218,244,269],{"skillNo":143,"name":144,"nameZh":6,"description":145,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":146,"categories":147,"keywords":150,"publishedAt":49},"01M6P356DM9XD8WX2AX6G70117","ckm:youtube-thumbnail-design","Design YouTube thumbnails with 17 styles, niche-specific guides, and CTR optimization. Generate complete thumbnails with text using Gemini Nano Banana Pro (4K text rendering). Actions: design, create, generate thumbnail. Niches: tech, gaming, education, cooking, fitness, business. Styles: facecam, before-after, listicle, diagram, whiteboard, bold-text, mystery, dark-dramatic. Features: AI generation with text baked in, brand identity, reference face, arrows, Google Font support.","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.opencode\u002Fskills\u002Fyoutube-thumbnail-design\u002FSKILL.md",[148,149],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[31,151,152,30,153,154,155,47,156,157,46,158,159,160,161,162,163,164,165,166],"youtube","thumbnail","ckm:youtube thumbnail design","ckm:youtube","diagram","generate","nano banana pro","text","thumbnails","before-after","banana","ctr","niches","niche","guides","whiteboard",{"skillNo":168,"name":169,"nameZh":6,"description":170,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":171,"categories":172,"keywords":173,"publishedAt":49},"01M6P347PFZB9Q3AXJ4CR2M9BW","ck:web-frameworks","Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined\u002Ffilled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.opencode\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193],"web","web frameworks","frameworks","ck:web frameworks","ck","performance","components","react","libraries","projects","monorepo","router","up","caching","strategies","shared","app","remote","Server Components","implementing",{"skillNo":195,"name":196,"nameZh":6,"description":197,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":198,"categories":199,"keywords":202,"publishedAt":49},"01M6P327KTDPD6VXXYXW2MABZ6","ck:ui-styling","Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.opencode\u002Fskills\u002Fui-styling\u002FSKILL.md",[200,201],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[203,204,205,206,178,31,207,208,180,209,47,210,211,212,213,214,215,216,217,193],"ui styling","ui","styling","ck:ui styling","css","canvas","component","design systems","Tailwind","forms","across","layout","themes","utility","mode",{"skillNo":219,"name":220,"nameZh":6,"description":221,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":222,"categories":223,"keywords":227,"publishedAt":49},"01M6P31WCJ2SA9A1R99AQB9EE8","ck:threejs","Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.opencode\u002Fskills\u002Fthreejs\u002FSKILL.md",[224],{"categoryNo":225,"categoryName":226,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[228,220,178,229,47,230,46,231,232,233,234,235,236,237,238,239,240,241,242,243],"threejs","webgpu","shaders","api","Animation","3D","Audio","model","integrations","physics","apps","add","processing","post-processing","vr","effects",{"skillNo":245,"name":246,"nameZh":6,"description":247,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":248,"categories":249,"keywords":250,"publishedAt":49},"01M6P2YR9B7Z7BCRH5MH3T3VPJ","ck:sequential-thinking","Apply structured, reflective problem-solving for complex tasks requiring multi-step analysis, revision capability, and hypothesis verification. Use for complex problem decomposition, adaptive planning, analysis needing course correction, problems with unclear scope, multi-step solutions, and hypothesis-driven work.","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.opencode\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[251,252,253,178,254,255,256,257,258,259,260,261,262,263,264,38,265,266,267,268],"sequential thinking","thinking","ck:sequential thinking","tasks","planning","verification","analysis","analyze","work","use","problem-solving","scope","problem","multi","course","for","adaptive","apply",{"skillNo":270,"name":271,"nameZh":6,"description":272,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":273,"categories":274,"keywords":275,"publishedAt":49},"01M6P2SMFM7WBAT263GCAT2KKF","ck:payment-integration","Integrate payments with SePay (VietQR), Polar (SaaS subscriptions), Stripe (global payments). Use for checkout, webhooks, QR codes, subscriptions, currency conversion, multi-provider order management, commission systems.","https:\u002F\u002Fgithub.com\u002Fwojtekidd\u002Frisky\u002Fblob\u002Fmaster\u002F.opencode\u002Fskills\u002Fpayment-integration\u002FSKILL.md",[],[276,277,278,279,178,280,281,260,282,283,284,285,286,287,288,264,38,289,266,290],"integration","payment integration","payment","ck:payment integration","payments","saas","conversion","provider","subscriptions","task","currency","checkout","codes","qr","order management"]