[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HQMZG61481S3TRSCNV5AQJ":3,"skill-same:01M6HQMZG61481S3TRSCNV5AQJ":67},{"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":25,"publishedAt":41,"linkOnly":42,"markdownContent":43,"markdownBody":44,"frontMatter":45,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":49,"repositoryHtmlUrl":50,"repositoryHomepageUrl":6,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":52,"install":53,"resources":66},"01M6HQMZG61481S3TRSCNV5AQJ","ppt-template-creator",null,"Creates self-contained PPT template SKILLS (not presentations) from user-provided PowerPoint templates. Use ONLY when a user wants to create a reusable skill from their template. For creating actual presentations, use the pptx skill instead.","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\u002Fcb_teams_marketplace\u002Fplugins\u002Ffinancial-analysis\u002Fskills\u002Fppt-template-creator\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000003","演示文稿","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],"pptx","template creator","template","ppt template creator","creator","presentations","powerpoint","create","templates","user","use","only","reusable","self","for","2026-11-10 10:12:30",false,"---\nname: ppt-template-creator\ndescription: Creates self-contained PPT template SKILLS (not presentations) from user-provided PowerPoint templates. Use ONLY when a user wants to create a reusable skill from their template. For creating actual presentations, use the pptx skill instead.\n---\n\n# PPT Template Creator\n\n**This skill creates SKILLS, not presentations.** Use this when a user wants to turn their PowerPoint template into a reusable skill that can generate presentations later. If the user just wants to create a presentation, use the `pptx` skill instead.\n\nThe generated skill includes:\n- `assets\u002Ftemplate.pptx` - the template file\n- `SKILL.md` - complete instructions (no reference to this meta skill needed)\n\n**For general skill-building best practices**, refer to the `skill-creator` skill. This skill focuses on PPT-specific patterns.\n\n## Workflow\n\n1. **User provides template** (.pptx or .potx)\n2. **Analyze template** - extract layouts, placeholders, dimensions\n3. **Initialize skill** - use the `skill-creator` skill to set up the skill structure\n4. **Add template** - copy .pptx to `assets\u002Ftemplate.pptx`\n5. **Write SKILL.md** - follow template below with PPT-specific details\n6. **Create example** - generate sample presentation to validate\n7. **Package** - use the `skill-creator` skill to package into a .skill file\n\n## Step 2: Analyze Template\n\n**CRITICAL: Extract precise placeholder positions** - this determines content area boundaries.\n\n```python\nfrom pptx import Presentation\n\nprs = Presentation(template_path)\nprint(f\"Dimensions: {prs.slide_width\u002F914400:.2f}\\\" x {prs.slide_height\u002F914400:.2f}\\\"\")\nprint(f\"Layouts: {len(prs.slide_layouts)}\")\n\nfor idx, layout in enumerate(prs.slide_layouts):\n    print(f\"\\n[{idx}] {layout.name}:\")\n    for ph in layout.placeholders:\n        try:\n            ph_idx = ph.placeholder_format.idx\n            ph_type = ph.placeholder_format.type\n            # IMPORTANT: Extract exact positions in inches\n            left = ph.left \u002F 914400\n            top = ph.top \u002F 914400\n            width = ph.width \u002F 914400\n            height = ph.height \u002F 914400\n            print(f\"    idx={ph_idx}, type={ph_type}\")\n            print(f\"        x={left:.2f}\\\", y={top:.2f}\\\", w={width:.2f}\\\", h={height:.2f}\\\"\")\n        except:\n            pass\n```\n\n**Key measurements to document:**\n- **Title position**: Where does the title placeholder sit?\n- **Subtitle\u002Fdescription**: Where is the subtitle line?\n- **Footer placeholders**: Where do footers\u002Fsources appear?\n- **Content area**: The space BETWEEN subtitle and footer is your content area\n\n### Finding the True Content Start Position\n\n**CRITICAL:** The content area does NOT always start immediately after the subtitle placeholder. Many templates have a visual border, line, or reserved space between the subtitle and content area.\n\n**Best approach:** Look at Layout 2 or similar \"content\" layouts that have an OBJECT placeholder - this placeholder's `y` position indicates where content should actually start.\n\n```python\n# Find the OBJECT placeholder to determine true content start\nfor idx, layout in enumerate(prs.slide_layouts):\n    for ph in layout.placeholders:\n        try:\n            if ph.placeholder_format.type == 7:  # OBJECT type\n                top = ph.top \u002F 914400\n                print(f\"Layout [{idx}] {layout.name}: OBJECT starts at y={top:.2f}\\\"\")\n                # This y value is where your content should start!\n        except:\n            pass\n```\n\n**Example:** A template might have:\n- Subtitle ending at y=1.38\"\n- But OBJECT placeholder starting at y=1.90\"\n- The gap (0.52\") is reserved for a border\u002Fline - **do not place content there**\n\nUse the OBJECT placeholder's `y` position as your content start, not the subtitle's end position.\n\n## Step 5: Write SKILL.md\n\nThe generated skill should have this structure:\n```\n[company]-ppt-template\u002F\n├── SKILL.md\n└── assets\u002F\n    └── template.pptx\n```\n\n### Generated SKILL.md Template\n\nThe generated SKILL.md must be **self-contained** with all instructions embedded. Use this template, filling in the bracketed values from your analysis:\n\n````markdown\n---\nname: [company]-ppt-template\ndescription: [Company] PowerPoint template for creating presentations. Use when creating [Company]-branded pitch decks, board materials, or client presentations.\n---\n\n# [Company] PPT Template\n\nTemplate: `assets\u002Ftemplate.pptx` ([WIDTH]\" x [HEIGHT]\", [N] layouts)\n\n## Creating Presentations\n\n```python\nfrom pptx import Presentation\n\nprs = Presentation(\"path\u002Fto\u002Fskill\u002Fassets\u002Ftemplate.pptx\")\n\n# DELETE all existing slides first\nwhile len(prs.slides) > 0:\n    rId = prs.slides._sldIdLst[0].rId\n    prs.part.drop_rel(rId)\n    del prs.slides._sldIdLst[0]\n\n# Add slides from layouts\nslide = prs.slides.add_slide(prs.slide_layouts[LAYOUT_IDX])\n```\n\n## Key Layouts\n\n| Index | Name | Use For |\n|-------|------|---------|\n| [0] | [Layout Name] | [Cover\u002Ftitle slide] |\n| [N] | [Layout Name] | [Content with bullets] |\n| [N] | [Layout Name] | [Two-column layout] |\n\n## Placeholder Mapping\n\n**CRITICAL: Include exact positions (x, y coordinates) for each placeholder.**\n\n### Layout [N]: [Name]\n| idx | Type | Position | Use |\n|-----|------|----------|-----|\n| [idx] | TITLE (1) | y=[Y]\" | Slide title |\n| [idx] | BODY (2) | y=[Y]\" | Subtitle\u002Fdescription |\n| [idx] | BODY (2) | y=[Y]\" | Footer |\n| [idx] | BODY (2) | y=[Y]\" | Source\u002Fnotes |\n\n### Content Area Boundaries\n\n**Document the safe content area for custom shapes\u002Ftables\u002Fcharts:**\n\n```\nContent Area (for Layout [N]):\n- Left margin: [X]\" (content starts here)\n- Top: [Y]\" (below subtitle placeholder)\n- Width: [W]\"\n- Height: [H]\" (ends before footer)\n\nFor 4-quadrant layouts:\n- Left column: x=[X]\", width=[W]\"\n- Right column: x=[X]\", width=[W]\"\n- Top row: y=[Y]\", height=[H]\"\n- Bottom row: y=[Y]\", height=[H]\"\n```\n\n**Why this matters:** Custom content (textboxes, tables, charts) must stay within these boundaries to avoid overlapping with template placeholders like titles, footers, and source lines.\n\n## Filling Content\n\n**Do NOT add manual bullet characters** - slide master handles formatting.\n\n```python\n# Fill title\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        if shape.placeholder_format.type == 1:  # TITLE\n            shape.text = \"Slide Title\"\n\n# Fill content with hierarchy (level 0 = header, level 1 = bullet)\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        idx = shape.placeholder_format.idx\n        if idx == [CONTENT_IDX]:\n            tf = shape.text_frame\n            for para in tf.paragraphs:\n                para.clear()\n\n            content = [\n                (\"Section Header\", 0),\n                (\"First bullet point\", 1),\n                (\"Second bullet point\", 1),\n            ]\n\n            tf.paragraphs[0].text = content[0][0]\n            tf.paragraphs[0].level = content[0][1]\n            for text, level in content[1:]:\n                p = tf.add_paragraph()\n                p.text = text\n                p.level = level\n```\n\n## Example: Cover Slide\n\n```python\nslide = prs.slides.add_slide(prs.slide_layouts[[COVER_IDX]])\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        idx = shape.placeholder_format.idx\n        if idx == [TITLE_IDX]:\n            shape.text = \"Company Name\"\n        elif idx == [SUBTITLE_IDX]:\n            shape.text = \"Presentation Title | Date\"\n```\n\n## Example: Content Slide\n\n```python\nslide = prs.slides.add_slide(prs.slide_layouts[[CONTENT_IDX]])\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        ph_type = shape.placeholder_format.type\n        idx = shape.placeholder_format.idx\n        if ph_type == 1:\n            shape.text = \"Executive Summary\"\n        elif idx == [BODY_IDX]:\n            tf = shape.text_frame\n            for para in tf.paragraphs:\n                para.clear()\n            content = [\n                (\"Key Findings\", 0),\n                (\"Revenue grew 40% YoY to $50M\", 1),\n                (\"Expanded to 3 new markets\", 1),\n                (\"Recommendation\", 0),\n                (\"Proceed with strategic initiative\", 1),\n            ]\n            tf.paragraphs[0].text = content[0][0]\n            tf.paragraphs[0].level = content[0][1]\n            for text, level in content[1:]:\n                p = tf.add_paragraph()\n                p.text = text\n                p.level = level\n```\n````\n\n## Step 6: Create Example Output\n\nGenerate a sample presentation to validate the skill works. Save it alongside the skill for reference.\n\n## PPT-Specific Rules for Generated Skills\n\n1. **Template in assets\u002F** - always bundle the .pptx file\n2. **Self-contained SKILL.md** - all instructions embedded, no external references\n3. **No manual bullets** - use `paragraph.level` for hierarchy\n4. **Delete slides first** - always clear existing slides before adding new ones\n5. **Document placeholders by idx** - placeholder idx values are template-specific\n","# PPT Template Creator\n\n**This skill creates SKILLS, not presentations.** Use this when a user wants to turn their PowerPoint template into a reusable skill that can generate presentations later. If the user just wants to create a presentation, use the `pptx` skill instead.\n\nThe generated skill includes:\n- `assets\u002Ftemplate.pptx` - the template file\n- `SKILL.md` - complete instructions (no reference to this meta skill needed)\n\n**For general skill-building best practices**, refer to the `skill-creator` skill. This skill focuses on PPT-specific patterns.\n\n## Workflow\n\n1. **User provides template** (.pptx or .potx)\n2. **Analyze template** - extract layouts, placeholders, dimensions\n3. **Initialize skill** - use the `skill-creator` skill to set up the skill structure\n4. **Add template** - copy .pptx to `assets\u002Ftemplate.pptx`\n5. **Write SKILL.md** - follow template below with PPT-specific details\n6. **Create example** - generate sample presentation to validate\n7. **Package** - use the `skill-creator` skill to package into a .skill file\n\n## Step 2: Analyze Template\n\n**CRITICAL: Extract precise placeholder positions** - this determines content area boundaries.\n\n```python\nfrom pptx import Presentation\n\nprs = Presentation(template_path)\nprint(f\"Dimensions: {prs.slide_width\u002F914400:.2f}\\\" x {prs.slide_height\u002F914400:.2f}\\\"\")\nprint(f\"Layouts: {len(prs.slide_layouts)}\")\n\nfor idx, layout in enumerate(prs.slide_layouts):\n    print(f\"\\n[{idx}] {layout.name}:\")\n    for ph in layout.placeholders:\n        try:\n            ph_idx = ph.placeholder_format.idx\n            ph_type = ph.placeholder_format.type\n            # IMPORTANT: Extract exact positions in inches\n            left = ph.left \u002F 914400\n            top = ph.top \u002F 914400\n            width = ph.width \u002F 914400\n            height = ph.height \u002F 914400\n            print(f\"    idx={ph_idx}, type={ph_type}\")\n            print(f\"        x={left:.2f}\\\", y={top:.2f}\\\", w={width:.2f}\\\", h={height:.2f}\\\"\")\n        except:\n            pass\n```\n\n**Key measurements to document:**\n- **Title position**: Where does the title placeholder sit?\n- **Subtitle\u002Fdescription**: Where is the subtitle line?\n- **Footer placeholders**: Where do footers\u002Fsources appear?\n- **Content area**: The space BETWEEN subtitle and footer is your content area\n\n### Finding the True Content Start Position\n\n**CRITICAL:** The content area does NOT always start immediately after the subtitle placeholder. Many templates have a visual border, line, or reserved space between the subtitle and content area.\n\n**Best approach:** Look at Layout 2 or similar \"content\" layouts that have an OBJECT placeholder - this placeholder's `y` position indicates where content should actually start.\n\n```python\n# Find the OBJECT placeholder to determine true content start\nfor idx, layout in enumerate(prs.slide_layouts):\n    for ph in layout.placeholders:\n        try:\n            if ph.placeholder_format.type == 7:  # OBJECT type\n                top = ph.top \u002F 914400\n                print(f\"Layout [{idx}] {layout.name}: OBJECT starts at y={top:.2f}\\\"\")\n                # This y value is where your content should start!\n        except:\n            pass\n```\n\n**Example:** A template might have:\n- Subtitle ending at y=1.38\"\n- But OBJECT placeholder starting at y=1.90\"\n- The gap (0.52\") is reserved for a border\u002Fline - **do not place content there**\n\nUse the OBJECT placeholder's `y` position as your content start, not the subtitle's end position.\n\n## Step 5: Write SKILL.md\n\nThe generated skill should have this structure:\n```\n[company]-ppt-template\u002F\n├── SKILL.md\n└── assets\u002F\n    └── template.pptx\n```\n\n### Generated SKILL.md Template\n\nThe generated SKILL.md must be **self-contained** with all instructions embedded. Use this template, filling in the bracketed values from your analysis:\n\n````markdown\n---\nname: [company]-ppt-template\ndescription: [Company] PowerPoint template for creating presentations. Use when creating [Company]-branded pitch decks, board materials, or client presentations.\n---\n\n# [Company] PPT Template\n\nTemplate: `assets\u002Ftemplate.pptx` ([WIDTH]\" x [HEIGHT]\", [N] layouts)\n\n## Creating Presentations\n\n```python\nfrom pptx import Presentation\n\nprs = Presentation(\"path\u002Fto\u002Fskill\u002Fassets\u002Ftemplate.pptx\")\n\n# DELETE all existing slides first\nwhile len(prs.slides) > 0:\n    rId = prs.slides._sldIdLst[0].rId\n    prs.part.drop_rel(rId)\n    del prs.slides._sldIdLst[0]\n\n# Add slides from layouts\nslide = prs.slides.add_slide(prs.slide_layouts[LAYOUT_IDX])\n```\n\n## Key Layouts\n\n| Index | Name | Use For |\n|-------|------|---------|\n| [0] | [Layout Name] | [Cover\u002Ftitle slide] |\n| [N] | [Layout Name] | [Content with bullets] |\n| [N] | [Layout Name] | [Two-column layout] |\n\n## Placeholder Mapping\n\n**CRITICAL: Include exact positions (x, y coordinates) for each placeholder.**\n\n### Layout [N]: [Name]\n| idx | Type | Position | Use |\n|-----|------|----------|-----|\n| [idx] | TITLE (1) | y=[Y]\" | Slide title |\n| [idx] | BODY (2) | y=[Y]\" | Subtitle\u002Fdescription |\n| [idx] | BODY (2) | y=[Y]\" | Footer |\n| [idx] | BODY (2) | y=[Y]\" | Source\u002Fnotes |\n\n### Content Area Boundaries\n\n**Document the safe content area for custom shapes\u002Ftables\u002Fcharts:**\n\n```\nContent Area (for Layout [N]):\n- Left margin: [X]\" (content starts here)\n- Top: [Y]\" (below subtitle placeholder)\n- Width: [W]\"\n- Height: [H]\" (ends before footer)\n\nFor 4-quadrant layouts:\n- Left column: x=[X]\", width=[W]\"\n- Right column: x=[X]\", width=[W]\"\n- Top row: y=[Y]\", height=[H]\"\n- Bottom row: y=[Y]\", height=[H]\"\n```\n\n**Why this matters:** Custom content (textboxes, tables, charts) must stay within these boundaries to avoid overlapping with template placeholders like titles, footers, and source lines.\n\n## Filling Content\n\n**Do NOT add manual bullet characters** - slide master handles formatting.\n\n```python\n# Fill title\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        if shape.placeholder_format.type == 1:  # TITLE\n            shape.text = \"Slide Title\"\n\n# Fill content with hierarchy (level 0 = header, level 1 = bullet)\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        idx = shape.placeholder_format.idx\n        if idx == [CONTENT_IDX]:\n            tf = shape.text_frame\n            for para in tf.paragraphs:\n                para.clear()\n\n            content = [\n                (\"Section Header\", 0),\n                (\"First bullet point\", 1),\n                (\"Second bullet point\", 1),\n            ]\n\n            tf.paragraphs[0].text = content[0][0]\n            tf.paragraphs[0].level = content[0][1]\n            for text, level in content[1:]:\n                p = tf.add_paragraph()\n                p.text = text\n                p.level = level\n```\n\n## Example: Cover Slide\n\n```python\nslide = prs.slides.add_slide(prs.slide_layouts[[COVER_IDX]])\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        idx = shape.placeholder_format.idx\n        if idx == [TITLE_IDX]:\n            shape.text = \"Company Name\"\n        elif idx == [SUBTITLE_IDX]:\n            shape.text = \"Presentation Title | Date\"\n```\n\n## Example: Content Slide\n\n```python\nslide = prs.slides.add_slide(prs.slide_layouts[[CONTENT_IDX]])\nfor shape in slide.shapes:\n    if hasattr(shape, 'placeholder_format'):\n        ph_type = shape.placeholder_format.type\n        idx = shape.placeholder_format.idx\n        if ph_type == 1:\n            shape.text = \"Executive Summary\"\n        elif idx == [BODY_IDX]:\n            tf = shape.text_frame\n            for para in tf.paragraphs:\n                para.clear()\n            content = [\n                (\"Key Findings\", 0),\n                (\"Revenue grew 40% YoY to $50M\", 1),\n                (\"Expanded to 3 new markets\", 1),\n                (\"Recommendation\", 0),\n                (\"Proceed with strategic initiative\", 1),\n            ]\n            tf.paragraphs[0].text = content[0][0]\n            tf.paragraphs[0].level = content[0][1]\n            for text, level in content[1:]:\n                p = tf.add_paragraph()\n                p.text = text\n                p.level = level\n```\n````\n\n## Step 6: Create Example Output\n\nGenerate a sample presentation to validate the skill works. Save it alongside the skill for reference.\n\n## PPT-Specific Rules for Generated Skills\n\n1. **Template in assets\u002F** - always bundle the .pptx file\n2. **Self-contained SKILL.md** - all instructions embedded, no external references\n3. **No manual bullets** - use `paragraph.level` for hierarchy\n4. **Delete slides first** - always clear existing slides before adding new ones\n5. **Document placeholders by idx** - placeholder idx values are template-specific\n",{"name":5,"description":7},"main","18d0e63d1313ca87098f614aa7c1e2dcf6de79c7","backend\u002Fskills\u002Fmarketplace\u002Fcb_teams_marketplace\u002Fplugins\u002Ffinancial-analysis\u002Fskills\u002Fppt-template-creator",1,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system","https:\u002F\u002Fgithub.com\u002Fwelflau","2026-11-10 11:14:25",{"source":8,"skillName":5,"commands":54,"prompt":64,"zipAvailable":65},[55,58,61],{"tool":56,"command":57},"npx","npx skills add welflau\u002Fai-dev-system --skill ppt-template-creator",{"tool":59,"command":60},"bunx","bunx skills add welflau\u002Fai-dev-system --skill ppt-template-creator",{"tool":62,"command":63},"pnpm","pnpm dlx skills add welflau\u002Fai-dev-system --skill ppt-template-creator","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcb_teams_marketplace\u002Fplugins\u002Ffinancial-analysis\u002Fskills\u002Fppt-template-creator\u002FSKILL.md",true,[],[68,99,130,155,181,203],{"skillNo":69,"name":70,"nameZh":6,"description":71,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":73,"sourceHtmlUrl":74,"categories":75,"keywords":79,"publishedAt":41},"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",[76],{"categoryNo":77,"categoryName":78,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[80,81,82,83,84,85,86,87,88,89,90,91,92,93,36,94,95,96,97,40,98],"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":100,"name":101,"nameZh":6,"description":102,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":103,"sourceHtmlUrl":104,"categories":105,"keywords":115,"publishedAt":41},"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",[106,107,110],{"categoryNo":77,"categoryName":78,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":108,"categoryName":109,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":111,"categoryName":112,"taxonomyType":113,"taxonomyTypeDesc":114},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[85,116,117,86,81,87,88,118,33,119,82,120,121,122,36,123,124,125,126,127,128,129],"design","frontend design","react components","code","examples","applications","landing","ui design","pages","aesthetics","web ui","with","generic","when",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":134,"sourceHtmlUrl":135,"categories":136,"keywords":138,"publishedAt":41},"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",[137],{"categoryNo":108,"categoryName":109,"taxonomyType":20,"taxonomyTypeDesc":21},[139,140,141,33,119,142,143,144,145,36,146,147,148,149,127,150,151,152,153,154,129],"algorithmic art","Art","algorithmic","flow","js","work","interactive","generative art","exploration","systems","users","Existing","request","generative","copyright","fields",{"skillNo":156,"name":157,"nameZh":6,"description":158,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":159,"sourceHtmlUrl":160,"categories":161,"keywords":163,"publishedAt":41},"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",[162],{"categoryNo":108,"categoryName":109,"taxonomyType":20,"taxonomyTypeDesc":21},[164,165,166,167,168,169,82,170,171,172,122,173,174,124,175,127,176,177,178,40,179,180],"theme factory","factory","theme","docs","toolkit","generate","SET","fly","slides","styling","artifact","themes","you","fonts","can","apply","new",{"skillNo":182,"name":183,"nameZh":6,"description":184,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":185,"categories":186,"keywords":188,"publishedAt":41},"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",[187],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[183,189,190,191,192,193,194,195,196,197,198,36,199,200,201,202,97,176,40,150],"MCP","automation","chrome","sessions","protocol","browser","devtools","chrome devtools","tool","direct","browser control","control","via","form",{"skillNo":204,"name":205,"nameZh":6,"description":206,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":72,"licenseFileUrl":207,"sourceHtmlUrl":208,"categories":209,"keywords":216,"publishedAt":41},"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",[210,213],{"categoryNo":211,"categoryName":212,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000005","邮件与沟通",{"categoryNo":214,"categoryName":215,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[217,218,219,30,220,221,222,223,224,36,225,149,226,227,228,40,151,129],"slack gif creator","slack","gif","validation","Tools","constraints","Animation","knowledge","me","make","Utilities","concepts"]