[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HR8FHZYMSGKAVCFWDPB4BX":3,"skill-same:01M6HR8FHZYMSGKAVCFWDPB4BX":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":22,"publishedAt":46,"linkOnly":47,"markdownContent":48,"markdownBody":49,"frontMatter":50,"refName":58,"commitSha":59,"skillDirectory":60,"forksCount":61,"repositoryHtmlUrl":62,"repositoryHomepageUrl":6,"ownerHtmlUrl":63,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":64,"install":65,"resources":78},"01M6HR8FHZYMSGKAVCFWDPB4BX","inspiration-analyzer",null,"Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.","welflau\u002Fai-dev-system","welflau","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F7010385?v=4","01M6HPTDGF18RFY07M229P8CTM","01M6HPTDMRMZCJPYBFEA9XVVYT",3,"MIT","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ffrontend-design-pro\u002Fskills\u002Finspiration-analyzer\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"Inspiration","inspiration analyzer","analyzer","typography","when","navigate","for","you","extracting","get","project","patterns","design","use","context","read","page","computer","text","analyze","create","chrome","MCP","2026-11-10 10:12:30",false,"---\ndescription: Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.\nallowed-tools:\n  - mcp__claude-in-chrome__tabs_context_mcp\n  - mcp__claude-in-chrome__tabs_create_mcp\n  - mcp__claude-in-chrome__navigate\n  - mcp__claude-in-chrome__computer\n  - mcp__claude-in-chrome__read_page\n  - mcp__claude-in-chrome__get_page_text\n---\n\n# Inspiration Analyzer\n\nAnalyze websites to extract design inspiration including colors, typography, layouts, and UI patterns.\n\n## Purpose\n\nWhen a user provides inspiration URLs, this skill:\n- Visits each site using browser tools\n- Takes screenshots for visual analysis\n- Extracts specific design elements\n- Creates structured inspiration report\n- Identifies replicable patterns\n\n## Workflow\n\n### Step 1: Get Browser Context\n\n```javascript\n\u002F\u002F Get or create browser tab\ntabs_context_mcp({ createIfEmpty: true })\ntabs_create_mcp()\n```\n\n### Step 2: Navigate to URL\n\n```javascript\nnavigate({ url: \"https:\u002F\u002Fexample.com\", tabId: tabId })\n```\n\n### Step 3: Capture Screenshots\n\nTake multiple screenshots to capture the full experience:\n\n1. **Hero\u002FAbove-fold**: Initial viewport\n2. **Scrolled sections**: Scroll and capture\n3. **Interactive states**: Hover on navigation, buttons\n4. **Mobile view**: Resize to mobile width\n\n```javascript\n\u002F\u002F Full page screenshot\ncomputer({ action: \"screenshot\", tabId: tabId })\n\n\u002F\u002F Scroll and capture more\ncomputer({ action: \"scroll\", scroll_direction: \"down\", tabId: tabId })\ncomputer({ action: \"screenshot\", tabId: tabId })\n\n\u002F\u002F Mobile view\nresize_window({ width: 375, height: 812, tabId: tabId })\ncomputer({ action: \"screenshot\", tabId: tabId })\n```\n\n### Step 4: Analyze Elements\n\nFrom screenshots and page content, extract:\n\n#### Colors\n- **Primary color**: Main brand color\n- **Secondary colors**: Supporting palette\n- **Background color**: Page and section backgrounds\n- **Text colors**: Headings and body text\n- **Accent colors**: CTAs, links, highlights\n\nNote hex codes where visible.\n\n#### Typography\n- **Heading font**: Name if identifiable, or describe style\n- **Body font**: Name or describe\n- **Font weights**: Light, regular, bold usage\n- **Size scale**: Relative sizes of elements\n- **Line height**: Tight or generous\n- **Letter spacing**: Tracking patterns\n\n#### Layout\n- **Grid system**: Column structure\n- **White space**: Spacing philosophy\n- **Section structure**: Full-width, contained, alternating\n- **Navigation style**: Fixed, hidden, sidebar\n- **Footer structure**: Minimal or comprehensive\n\n#### UI Patterns\n- **Buttons**: Shape, size, states\n- **Cards**: Borders, shadows, corners\n- **Icons**: Style (outlined, filled, custom)\n- **Images**: Treatment, aspect ratios\n- **Animations**: Motion patterns observed\n\n### Step 5: Generate Report\n\nCreate a structured analysis:\n\n```markdown\n## Website Analysis: [URL]\n\n### Screenshots\n[Describe key screenshots taken]\n\n### Color Palette\n| Role | Hex | Usage |\n|------|-----|-------|\n| Primary | #xxx | [Where used] |\n| Secondary | #xxx | [Where used] |\n| Background | #xxx | [Where used] |\n| Text | #xxx | [Where used] |\n| Accent | #xxx | [Where used] |\n\n### Typography\n- **Headlines**: [Font name\u002Fdescription] - [weight]\n- **Body**: [Font name\u002Fdescription] - [weight]\n- **Scale**: [Size relationships]\n- **Line height**: [Observation]\n\n### Layout Patterns\n- Grid: [Description]\n- Spacing: [Description]\n- Sections: [Description]\n\n### UI Elements\n- **Buttons**: [Description]\n- **Cards**: [Description]\n- **Navigation**: [Description]\n- **Footer**: [Description]\n\n### Key Takeaways\n1. [What makes this design distinctive]\n2. [Pattern worth replicating]\n3. [Specific technique to use]\n\n### What to Avoid\n- [Any patterns from this site that are overused]\n- [Elements that wouldn't translate well]\n```\n\n## Multiple Sites\n\nWhen analyzing multiple URLs:\n1. Analyze each separately\n2. Create individual reports\n3. Summarize common themes\n4. Note contrasting approaches\n5. Recommend which elements to combine\n\n## Fallback Mode\n\nIf browser tools are unavailable:\n\n1. Inform user that live analysis requires browser access\n2. Ask user to:\n   - Share screenshots of the sites\n   - Describe what they like about each\n   - Paste any visible color codes\n   - Note font names if visible\n3. Work with provided information to create analysis\n\n## Best Practices\n\n### For Accurate Color Extraction\n- Look for color variables in page inspection\n- Check buttons for primary brand color\n- Note background color on different sections\n- Capture hover states for accent colors\n\n### For Typography Identification\n- Look for Google Fonts link in source\n- Check font-family in computed styles\n- Note relative sizes between h1, h2, body\n- Observe tracking on headings vs body\n\n### For Layout Analysis\n- Resize viewport to see responsive behavior\n- Note breakpoints where layout changes\n- Count columns in grid layouts\n- Measure (visually) spacing consistency\n\n## Output\n\nThe analysis should provide:\n1. Actionable color palette (hex codes)\n2. Typography recommendations\n3. Layout patterns to replicate\n4. UI component inspiration\n5. Clear direction for moodboard\n\nSee `references\u002Fextraction-techniques.md` for detailed extraction methods.\n","# Inspiration Analyzer\n\nAnalyze websites to extract design inspiration including colors, typography, layouts, and UI patterns.\n\n## Purpose\n\nWhen a user provides inspiration URLs, this skill:\n- Visits each site using browser tools\n- Takes screenshots for visual analysis\n- Extracts specific design elements\n- Creates structured inspiration report\n- Identifies replicable patterns\n\n## Workflow\n\n### Step 1: Get Browser Context\n\n```javascript\n\u002F\u002F Get or create browser tab\ntabs_context_mcp({ createIfEmpty: true })\ntabs_create_mcp()\n```\n\n### Step 2: Navigate to URL\n\n```javascript\nnavigate({ url: \"https:\u002F\u002Fexample.com\", tabId: tabId })\n```\n\n### Step 3: Capture Screenshots\n\nTake multiple screenshots to capture the full experience:\n\n1. **Hero\u002FAbove-fold**: Initial viewport\n2. **Scrolled sections**: Scroll and capture\n3. **Interactive states**: Hover on navigation, buttons\n4. **Mobile view**: Resize to mobile width\n\n```javascript\n\u002F\u002F Full page screenshot\ncomputer({ action: \"screenshot\", tabId: tabId })\n\n\u002F\u002F Scroll and capture more\ncomputer({ action: \"scroll\", scroll_direction: \"down\", tabId: tabId })\ncomputer({ action: \"screenshot\", tabId: tabId })\n\n\u002F\u002F Mobile view\nresize_window({ width: 375, height: 812, tabId: tabId })\ncomputer({ action: \"screenshot\", tabId: tabId })\n```\n\n### Step 4: Analyze Elements\n\nFrom screenshots and page content, extract:\n\n#### Colors\n- **Primary color**: Main brand color\n- **Secondary colors**: Supporting palette\n- **Background color**: Page and section backgrounds\n- **Text colors**: Headings and body text\n- **Accent colors**: CTAs, links, highlights\n\nNote hex codes where visible.\n\n#### Typography\n- **Heading font**: Name if identifiable, or describe style\n- **Body font**: Name or describe\n- **Font weights**: Light, regular, bold usage\n- **Size scale**: Relative sizes of elements\n- **Line height**: Tight or generous\n- **Letter spacing**: Tracking patterns\n\n#### Layout\n- **Grid system**: Column structure\n- **White space**: Spacing philosophy\n- **Section structure**: Full-width, contained, alternating\n- **Navigation style**: Fixed, hidden, sidebar\n- **Footer structure**: Minimal or comprehensive\n\n#### UI Patterns\n- **Buttons**: Shape, size, states\n- **Cards**: Borders, shadows, corners\n- **Icons**: Style (outlined, filled, custom)\n- **Images**: Treatment, aspect ratios\n- **Animations**: Motion patterns observed\n\n### Step 5: Generate Report\n\nCreate a structured analysis:\n\n```markdown\n## Website Analysis: [URL]\n\n### Screenshots\n[Describe key screenshots taken]\n\n### Color Palette\n| Role | Hex | Usage |\n|------|-----|-------|\n| Primary | #xxx | [Where used] |\n| Secondary | #xxx | [Where used] |\n| Background | #xxx | [Where used] |\n| Text | #xxx | [Where used] |\n| Accent | #xxx | [Where used] |\n\n### Typography\n- **Headlines**: [Font name\u002Fdescription] - [weight]\n- **Body**: [Font name\u002Fdescription] - [weight]\n- **Scale**: [Size relationships]\n- **Line height**: [Observation]\n\n### Layout Patterns\n- Grid: [Description]\n- Spacing: [Description]\n- Sections: [Description]\n\n### UI Elements\n- **Buttons**: [Description]\n- **Cards**: [Description]\n- **Navigation**: [Description]\n- **Footer**: [Description]\n\n### Key Takeaways\n1. [What makes this design distinctive]\n2. [Pattern worth replicating]\n3. [Specific technique to use]\n\n### What to Avoid\n- [Any patterns from this site that are overused]\n- [Elements that wouldn't translate well]\n```\n\n## Multiple Sites\n\nWhen analyzing multiple URLs:\n1. Analyze each separately\n2. Create individual reports\n3. Summarize common themes\n4. Note contrasting approaches\n5. Recommend which elements to combine\n\n## Fallback Mode\n\nIf browser tools are unavailable:\n\n1. Inform user that live analysis requires browser access\n2. Ask user to:\n   - Share screenshots of the sites\n   - Describe what they like about each\n   - Paste any visible color codes\n   - Note font names if visible\n3. Work with provided information to create analysis\n\n## Best Practices\n\n### For Accurate Color Extraction\n- Look for color variables in page inspection\n- Check buttons for primary brand color\n- Note background color on different sections\n- Capture hover states for accent colors\n\n### For Typography Identification\n- Look for Google Fonts link in source\n- Check font-family in computed styles\n- Note relative sizes between h1, h2, body\n- Observe tracking on headings vs body\n\n### For Layout Analysis\n- Resize viewport to see responsive behavior\n- Note breakpoints where layout changes\n- Count columns in grid layouts\n- Measure (visually) spacing consistency\n\n## Output\n\nThe analysis should provide:\n1. Actionable color palette (hex codes)\n2. Typography recommendations\n3. Layout patterns to replicate\n4. UI component inspiration\n5. Clear direction for moodboard\n\nSee `references\u002Fextraction-techniques.md` for detailed extraction methods.\n",{"description":7,"allowed-tools":51},[52,53,54,55,56,57],"mcp__claude-in-chrome__tabs_context_mcp","mcp__claude-in-chrome__tabs_create_mcp","mcp__claude-in-chrome__navigate","mcp__claude-in-chrome__computer","mcp__claude-in-chrome__read_page","mcp__claude-in-chrome__get_page_text","main","18d0e63d1313ca87098f614aa7c1e2dcf6de79c7","backend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ffrontend-design-pro\u002Fskills\u002Finspiration-analyzer",1,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system","https:\u002F\u002Fgithub.com\u002Fwelflau","2026-11-12 14:55:20",{"source":8,"skillName":5,"commands":66,"prompt":76,"zipAvailable":77},[67,70,73],{"tool":68,"command":69},"npx","npx skills add welflau\u002Fai-dev-system --skill inspiration-analyzer",{"tool":71,"command":72},"bunx","bunx skills add welflau\u002Fai-dev-system --skill inspiration-analyzer",{"tool":74,"command":75},"pnpm","pnpm dlx skills add welflau\u002Fai-dev-system --skill inspiration-analyzer","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ffrontend-design-pro\u002Fskills\u002Finspiration-analyzer\u002FSKILL.md",true,[79],{"path":80,"resourceType":81,"resourceTypeDesc":82,"sizeBytes":83,"sourceHtmlUrl":84},"references\u002Fextraction-techniques.md","REFERENCE","参考文档",6134,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ffrontend-design-pro\u002Fskills\u002Finspiration-analyzer\u002Freferences\u002Fextraction-techniques.md",[86,117,146,171,196,216],{"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":90,"licenseFileUrl":91,"sourceHtmlUrl":92,"categories":93,"keywords":97,"publishedAt":46},"01M6HSTDP4M3JFXEBK91VFB4PA","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Fweb-artifacts-builder\u002FSKILL.md",[94],{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[98,99,100,101,102,103,104,105,106,107,108,109,110,111,36,112,113,114,115,29,116],"web artifacts builder","web","artifacts","artifacts builder","builder","frontend","css","components","react","routing","state management","state","file","Tailwind","single-file","simple","ui components","multi","single",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":90,"licenseFileUrl":121,"sourceHtmlUrl":122,"categories":123,"keywords":133,"publishedAt":46},"01M6HSDXH0JSP8R3QTNY9XZ8HN","frontend-design","Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Ffrontend-design\u002FSKILL.md",[124,125,128],{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":126,"categoryName":127,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":129,"categoryName":130,"taxonomyType":131,"taxonomyTypeDesc":132},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[103,35,134,104,99,105,106,135,43,136,100,137,138,139,36,140,141,142,143,144,145,27],"frontend design","react components","code","examples","applications","landing","ui design","pages","aesthetics","web ui","with","generic",{"skillNo":147,"name":148,"nameZh":6,"description":149,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":90,"licenseFileUrl":150,"sourceHtmlUrl":151,"categories":152,"keywords":154,"publishedAt":46},"01M6HSA77QYVP7A72HREGTDN2C","algorithmic-art","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Falgorithmic-art\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Falgorithmic-art\u002FSKILL.md",[153],{"categoryNo":126,"categoryName":127,"taxonomyType":20,"taxonomyTypeDesc":21},[155,156,157,43,136,158,159,160,161,36,162,163,164,165,144,166,167,168,169,170,27],"algorithmic art","Art","algorithmic","flow","js","work","interactive","generative art","exploration","systems","users","Existing","request","generative","copyright","fields",{"skillNo":172,"name":173,"nameZh":6,"description":174,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":90,"licenseFileUrl":175,"sourceHtmlUrl":176,"categories":177,"keywords":179,"publishedAt":46},"01M6HS9HE0X390Y6RQKTY1YNGJ","theme-factory","Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors\u002Ffonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ftheme-factory\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ftheme-factory\u002FSKILL.md",[178],{"categoryNo":126,"categoryName":127,"taxonomyType":20,"taxonomyTypeDesc":21},[180,181,182,183,184,185,100,186,187,188,139,189,190,141,191,144,30,192,193,29,194,195],"theme factory","factory","theme","docs","toolkit","generate","SET","fly","slides","styling","artifact","themes","fonts","can","apply","new",{"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":46},"01M6HS74GASM6FJ77F83EY679E","browsing","Use when you need direct browser control - teaches Chrome DevTools Protocol for controlling existing browser sessions, multi-tab management, form automation, and content extraction via use_browser MCP tool","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fsuperpowers-chrome\u002Fskills\u002Fbrowsing\u002FSKILL.md",[202],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[198,45,204,44,205,206,207,208,209,210,211,36,212,213,214,215,115,30,29,166],"automation","sessions","protocol","browser","devtools","chrome devtools","tool","direct","browser control","control","via","form",{"skillNo":217,"name":218,"nameZh":6,"description":219,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":90,"licenseFileUrl":220,"sourceHtmlUrl":221,"categories":222,"keywords":229,"publishedAt":46},"01M6HS6BZT2CKDNQ6YF20DXN4T","slack-gif-creator","Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like \"make me a GIF of X doing Y for Slack.\"","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fslack-gif-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fslack-gif-creator\u002FSKILL.md",[223,226],{"categoryNo":224,"categoryName":225,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000005","邮件与沟通",{"categoryNo":227,"categoryName":228,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[230,231,232,233,234,235,236,237,238,36,239,165,240,241,242,29,167,27],"slack gif creator","slack","gif","creator","validation","Tools","constraints","Animation","knowledge","me","make","Utilities","concepts"]