Made by@slashcloneShow "works with" app logos and filter by app
@slashclone/integration-logos
Add a "works with" feature to a catalog or marketplace: each item shows logos of the apps it integrates with, and people can browse and filter search by app. Tags are detected from strong signals like env vars, hosts, and MCP servers before mentions, owners can override them, and logos come from simple-icons with a lettered fallback, an SVG safety check, and a dry-run retag job.
- Activity
- New: be the first to try it
- Installs
- 0 installs
- Likes
- 0 likes
- Clones
- 0 clones
No permission changes between 0.1.0 and 0.1.1.
SKILL.md
1 added, 1 removed
| @@ line 1 → 1 | ||
| 1 | 1 | --- |
| 2 | 2 | name: integration-logos |
| 3 | Removed: description: Build a "works with" feature that shows the logos of the third-party apps an item integrates with, on cards, detail chips, a browse-by-app page, and a search filter. Covers the app catalog, automatic detection, owner override, the logo pipeline, and a retag job. Use when someone wants items tagged with the apps they connect to, or asks for integration logos or a "filter by app" search. | |
| 3 | Added: description: "Build a \"works with\" feature that shows the logos of the third-party apps an item integrates with, on cards, detail chips, a browse-by-app page, and a search filter. Covers the app catalog, automatic detection from strong signals before mentions, owner override, a logo pipeline from simple-icons with a lettered fallback and an SVG safety check, and a retag job with a dry run. Use when someone wants items in a catalog, marketplace, or directory tagged with the apps they connect to, asks for integration logos, a \"works with\" section, an integrations page, or a \"filter by app\" search." | |
| 4 | 4 | --- |
| 5 | 5 | |
| 6 | 6 | # Integration logos |
kit.json
52 added, 13 removed
| @@ line 1 → 1 | ||
| 1 | 1 | { |
| 2 | 2 | "name": "integration-logos", |
| 3 | 3 | "owner": "slashclone", |
| 4 | Removed: "version": "0.1.0", | |
| 4 | Added: "version": "0.1.1", | |
| 5 | 5 | "type": "skill", |
| 6 | Removed: "description": "Build a \"works with\" feature: show the logos of the apps each item integrates with on cards, detail chips, a browse-by-app page, and a search filter. Covers the app catalog, detection from strong signals before mentions, owner override, a logo pipeline from simple-icons with a lettered fallback, an SVG safety check, and a retag job with a dry run.", | |
| 6 | Added: "title": "Show \"works with\" app logos and filter by app", | |
| 7 | Added: "description": "Add a \"works with\" feature to a catalog or marketplace: each item shows logos of the apps it integrates with, and people can browse and filter search by app. Tags are detected from strong signals like env vars, hosts, and MCP servers before mentions, owners can override them, and logos come from simple-icons with a lettered fallback, an SVG safety check, and a dry-run retag job.", | |
| 7 | 8 | "category": "other", |
| 8 | 9 | "license": "MIT", |
| 9 | Removed: "compat": ["claude-code"], | |
| 10 | Added: "compat": [ | |
| 11 | Added: "claude-code" | |
| 12 | Added: ], | |
| 10 | 13 | "permissions": { |
| 11 | Removed: "shell": ["node scripts/detect-integrations.mjs", "node scripts/check-svg.mjs"], | |
| 14 | Added: "shell": [ | |
| 15 | Added: "node scripts/detect-integrations.mjs", | |
| 16 | Added: "node scripts/check-svg.mjs" | |
| 17 | Added: ], | |
| 12 | 18 | "files": { |
| 13 | Removed: "read": ["./examples/**", "./data/**"], | |
| 14 | Removed: "write": ["./out/integrations*", "./out/svg-check*"] | |
| 19 | Added: "read": [ | |
| 20 | Added: "./examples/**", | |
| 21 | Added: "./data/**" | |
| 22 | Added: ], | |
| 23 | Added: "write": [ | |
| 24 | Added: "./out/integrations*", | |
| 25 | Added: "./out/svg-check*" | |
| 26 | Added: ] | |
| 15 | 27 | } |
| 16 | 28 | }, |
| 17 | 29 | "tests": { |
| @@ line 34 → 46 | ||
| 34 | 46 | "path": "out/integrations.json", |
| 35 | 47 | "text": "\"slack\": \"network\"" |
| 36 | 48 | }, |
| 37 | Removed: { "type": "file_not_contains", "path": "out/integrations.json", "text": "\"make\"" }, | |
| 38 | Removed: { "type": "file_not_contains", "path": "out/integrations.json", "text": "\"notion\"" }, | |
| 39 | Removed: { "type": "file_not_contains", "path": "out/integrations.json", "text": "\"linear\"" }, | |
| 40 | Removed: { "type": "file_not_contains", "path": "out/integrations.json", "text": "\"stripe\"" } | |
| 49 | Added: { | |
| 50 | Added: "type": "file_not_contains", | |
| 51 | Added: "path": "out/integrations.json", | |
| 52 | Added: "text": "\"make\"" | |
| 53 | Added: }, | |
| 54 | Added: { | |
| 55 | Added: "type": "file_not_contains", | |
| 56 | Added: "path": "out/integrations.json", | |
| 57 | Added: "text": "\"notion\"" | |
| 58 | Added: }, | |
| 59 | Added: { | |
| 60 | Added: "type": "file_not_contains", | |
| 61 | Added: "path": "out/integrations.json", | |
| 62 | Added: "text": "\"linear\"" | |
| 63 | Added: }, | |
| 64 | Added: { | |
| 65 | Added: "type": "file_not_contains", | |
| 66 | Added: "path": "out/integrations.json", | |
| 67 | Added: "text": "\"stripe\"" | |
| 68 | Added: } | |
| 41 | 69 | ] |
| 42 | 70 | }, |
| 43 | 71 | { |
| @@ line 73 → 101 | ||
| 73 | 101 | "data/logos/bad.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><script>alert(1)</script></svg>" |
| 74 | 102 | }, |
| 75 | 103 | "checks": [ |
| 76 | Removed: { "type": "command_exits_zero", "command": "node scripts/check-svg.mjs examples/logos" }, | |
| 77 | 104 | { |
| 78 | 105 | "type": "command_exits_zero", |
| 106 | Added: "command": "node scripts/check-svg.mjs examples/logos" | |
| 107 | Added: }, | |
| 108 | Added: { | |
| 109 | Added: "type": "command_exits_zero", | |
| 79 | 110 | "command": "node scripts/check-svg.mjs data/logos --report out/svg-check.json --report-only" |
| 80 | 111 | }, |
| 81 | Removed: { "type": "file_contains", "path": "out/svg-check.json", "text": "has a script element" }, | |
| 82 | Removed: { "type": "file_contains", "path": "out/svg-check.json", "text": "\"ok\": false" } | |
| 112 | Added: { | |
| 113 | Added: "type": "file_contains", | |
| 114 | Added: "path": "out/svg-check.json", | |
| 115 | Added: "text": "has a script element" | |
| 116 | Added: }, | |
| 117 | Added: { | |
| 118 | Added: "type": "file_contains", | |
| 119 | Added: "path": "out/svg-check.json", | |
| 120 | Added: "text": "\"ok\": false" | |
| 121 | Added: } | |
| 83 | 122 | ] |
| 84 | 123 | } |
| 85 | 124 | ] |