@pymodel/niblet 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +18 -3
  2. package/assets/niblet-logo-dark.svg +20 -0
  3. package/assets/niblet-logo-light.svg +20 -0
  4. package/package.json +1 -1
  5. package/skill/niblet/SKILL.md +1 -1
  6. package/assets/niblet-banner.svg +0 -20
package/README.md CHANGED
@@ -1,11 +1,26 @@
1
1
  <p align="center">
2
- <img src="assets/niblet-banner.svg" alt="Niblet" width="100%">
2
+ <picture>
3
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/PyModel/niblet-skill-mcp/main/assets/niblet-logo-dark.svg">
4
+ <img alt="Niblet" src="https://raw.githubusercontent.com/PyModel/niblet-skill-mcp/main/assets/niblet-logo-light.svg" width="300">
5
+ </picture>
3
6
  </p>
4
7
 
5
8
  <h1 align="center">Niblet MCP</h1>
6
9
 
10
+ <p align="center">Real screen references and a design skill, for coding agents that build UI.</p>
11
+
12
+ <p align="center">
13
+ <a href="https://www.npmjs.com/package/@pymodel/niblet"><img alt="npm" src="https://img.shields.io/npm/v/%40pymodel%2Fniblet?logo=npm&logoColor=white&label=npm&color=e8a33d&labelColor=0f1110"></a>
14
+ <a href="https://www.npmjs.com/package/@pymodel/niblet"><img alt="Downloads" src="https://img.shields.io/npm/dm/%40pymodel%2Fniblet?logo=npm&logoColor=white&label=downloads&color=30363d&labelColor=0f1110"></a>
15
+ <a href="https://nodejs.org"><img alt="Node 24.15+" src="https://img.shields.io/badge/node-24.15%2B-30363d?logo=nodedotjs&logoColor=white&labelColor=0f1110"></a>
16
+ <a href="https://modelcontextprotocol.io"><img alt="MCP" src="https://img.shields.io/badge/mcp-server-30363d?logo=anthropic&logoColor=white&labelColor=0f1110"></a>
17
+ <a href="https://github.com/PyModel/niblet-skill-mcp/stargazers"><img alt="Stars" src="https://img.shields.io/github/stars/PyModel/niblet-skill-mcp?logo=github&logoColor=white&label=stars&color=30363d&labelColor=0f1110"></a>
18
+ <a href="https://github.com/PyModel/niblet-skill-mcp/blob/main/LICENSE"><img alt="License: Apache-2.0" src="https://img.shields.io/badge/license-Apache--2.0-30363d?labelColor=0f1110"></a>
19
+ <a href="https://hits.sh/github.com/PyModel/niblet-skill-mcp/"><img alt="Visitors" src="https://hits.sh/github.com/PyModel/niblet-skill-mcp.svg?label=visitors&color=30363d&labelColor=0f1110"></a>
20
+ </p>
21
+
7
22
  <p align="center">
8
- <img src="assets/niblet-mascot.svg" alt="" width="96" height="96">
23
+ <img src="https://raw.githubusercontent.com/PyModel/niblet-skill-mcp/main/assets/niblet-mascot.svg" alt="" width="96" height="96">
9
24
  </p>
10
25
 
11
26
  <p align="center">
@@ -64,7 +79,7 @@ Get a token from [niblet.com/docs](https://niblet.com/docs). Keep it in `.env` o
64
79
 
65
80
  ## The skill
66
81
 
67
- <img src="assets/niblet-mascot-working.svg" alt="" width="72" height="72" align="right">
82
+ <img src="https://raw.githubusercontent.com/PyModel/niblet-skill-mcp/main/assets/niblet-mascot-working.svg" alt="" width="72" height="72" align="right">
68
83
 
69
84
  Install it straight from the repository:
70
85
 
package/assets/niblet-logo-dark.svg ADDED
@@ -0,0 +1,20 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="360" height="106" viewBox="0 0 360 106" role="img" aria-labelledby="nb-title nb-desc">
3
+ <title id="nb-title">Niblet horizontal logo for dark backgrounds</title><desc id="nb-desc">Editable native SVG artwork. No embedded raster images.</desc>
4
+ <defs>
5
+ <linearGradient id="nb-hat" x1="0" y1="0.65" x2="0.9" y2="0.15" gradientUnits="objectBoundingBox"><stop stop-color="#115999"/><stop offset="0.46" stop-color="#1796B1"/><stop offset="0.8" stop-color="#25CBBB"/><stop offset="1" stop-color="#89F3D8"/></linearGradient>
6
+ <linearGradient id="nb-hat-fold" x1="0" y1="0.2" x2="1" y2="0.8"><stop stop-color="#0C5E8D"/><stop offset="0.62" stop-color="#117B90"/><stop offset="1" stop-color="#00A59F"/></linearGradient>
7
+ <linearGradient id="nb-brim" x1="0" y1="1" x2="1" y2="0"><stop stop-color="#2278D3"/><stop offset="0.5" stop-color="#28AADA"/><stop offset="1" stop-color="#67EAD0"/></linearGradient>
8
+ <radialGradient id="nb-face" cx="45%" cy="35%" r="70%"><stop stop-color="#FFF1CF"/><stop offset="0.65" stop-color="#FFDFBA"/><stop offset="1" stop-color="#F4AF91"/></radialGradient>
9
+ <linearGradient id="nb-ear" x1="0" y1="0" x2="0.8" y2="1"><stop stop-color="#FFD7B5"/><stop offset="1" stop-color="#F2A185"/></linearGradient>
10
+ <linearGradient id="nb-ear-inner" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#E98072"/><stop offset="1" stop-color="#F6B797"/></linearGradient>
11
+ <radialGradient id="nb-orb" cx="30%" cy="23%" r="80%"><stop stop-color="#ABFFEC"/><stop offset="0.4" stop-color="#16D7C5"/><stop offset="1" stop-color="#078899"/></radialGradient>
12
+ <linearGradient id="nb-cloak" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#169EAF"/><stop offset="0.5" stop-color="#08718D"/><stop offset="1" stop-color="#0A344F"/></linearGradient>
13
+ <linearGradient id="nb-app" x1="0" y1="1" x2="0.9" y2="0"><stop stop-color="#7360FF"/><stop offset="0.44" stop-color="#2E8BFF"/><stop offset="1" stop-color="#08DBC2"/></linearGradient>
14
+ <linearGradient id="nb-magic" x1="0" y1="1" x2="1" y2="0"><stop stop-color="#8B5CF6"/><stop offset="0.55" stop-color="#2E8BFF"/><stop offset="1" stop-color="#00D1B2"/></linearGradient>
15
+ <linearGradient id="nb-soft" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#EEF5FF"/><stop offset="0.6" stop-color="#F7F4FF"/><stop offset="1" stop-color="#E8FAF8"/></linearGradient>
16
+ <linearGradient id="nb-dark-surface" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#142A42"/><stop offset="1" stop-color="#0A1628"/></linearGradient>
17
+ <radialGradient id="nb-halo"><stop stop-color="#A8EEE7" stop-opacity="0.55"/><stop offset="1" stop-color="#DFEFFE" stop-opacity="0"/></radialGradient>
18
+ </defs>
19
+ <g transform="translate(12 9) scale(1)" ><g transform="translate(-5 -8) scale(0.17)" ><g id="mascot-cloak"><path d="M170 359C187 378 220 389 255 388C288 389 322 378 343 360L349 400L310 426L299 464L268 454L239 466L218 454L186 459L183 423L153 401Z" fill="url(#nb-cloak)" /><path d="M169 382Q244 432 335 384L320 411Q242 447 177 407Z" fill="#084E67" /><path d="M188 427L238 445L212 453L188 449Z" fill="#20A9B1" /><path d="M268 426L288 460L264 449L242 460L244 441Z" fill="#0D405E" /></g><g id="mascot-ears"><path d="M153 282C126 264 98 251 59 248C65 285 91 320 127 334L161 316Z" fill="url(#nb-ear)" /><path d="M350 277C377 248 404 232 448 221C441 267 418 306 380 326L350 311Z" fill="url(#nb-ear)" /><path d="M137 292Q115 273 79 264Q94 295 132 314Z" fill="url(#nb-ear-inner)" /><path d="M371 285Q395 255 429 240Q417 281 382 307Z" fill="url(#nb-ear-inner)" /></g><g id="mascot-hood"><path d="M118 276C127 219 151 166 183 112C217 55 258 29 303 44C344 58 365 87 386 109C359 101 337 112 325 137C331 177 361 210 367 248C392 276 391 320 368 353C345 390 304 407 252 407C191 405 149 388 126 353C109 327 108 299 118 276Z" fill="url(#nb-hat)" /><path d="M183 113C216 65 253 35 295 52C250 57 222 100 217 139C207 178 225 207 234 228L136 260C143 216 160 166 183 113Z" fill="#72E5D4" opacity="0.18"/><path d="M284 59C328 61 358 89 384 109C358 100 337 113 325 138C325 167 348 203 359 228C319 209 292 170 282 129C275 98 277 77 284 59Z" fill="url(#nb-hat-fold)" /><path d="M179 117C205 75 234 52 263 47" fill="none" stroke="#C2FFF0" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.66"/><path d="M135 256C197 224 296 222 362 255" fill="none" stroke="#076E91" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-face"><path d="M137 290C153 265 189 252 245 251C301 247 340 260 362 288L365 325C361 371 315 397 253 397C192 397 146 375 139 337Z" fill="url(#nb-face)" /></g><g id="mascot-hatband"><path d="M120 279C142 245 181 228 239 224C292 219 336 231 364 252L369 289C333 261 293 251 245 255C191 256 150 273 131 308Z" fill="url(#nb-brim)" /><path d="M136 276C166 248 207 238 251 236C295 235 330 245 351 260" fill="none" stroke="#A5FBE8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.65"/><path d="M225 254L242 268L257 252Z" fill="#19C6B8" /></g><g id="mascot-expression"><ellipse cx="203" cy="312" rx="12" ry="19" fill="#0A1628"/><ellipse cx="295" cy="312" rx="12" ry="19" fill="#0A1628"/><circle cx="200" cy="305" r="4.1" fill="#FFFFFF" /><circle cx="292" cy="305" r="4.1" fill="#FFFFFF" /><path d="M187 280Q199 271 211 279M285 278Q297 268 309 278" fill="none" stroke="#0A1628" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M232 343Q252 362 274 340" fill="none" stroke="#0A1628" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round" /><ellipse cx="178" cy="343" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><ellipse cx="321" cy="341" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><path d="M250 322Q256 328 250 330" fill="none" stroke="#ECA58E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-hat-orb"><path d="M382 108Q392 111 394 121" fill="none" stroke="#148E9D" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" /><circle cx="395" cy="126" r="18" fill="url(#nb-orb)" /><path d="M385 117Q392 110 402 116" fill="none" stroke="#D1FFF5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.8"/></g></g><g fill="#FFFFFF" transform="translate(85 57) scale(0.0288086 -0.0288086)"><path d="M111 0H419V691C419 755 418 882 412 1038C496 887 572 758 615 690L1049 0H1374V1490H1067V753C1067 690 1068 567 1072 452C1013 559 949 672 914 728L435 1490H111Z" transform="translate(0 0)"/><path d="M104 0H399V1056H104ZM251 1189C348 1189 419 1256 419 1346C419 1436 348 1503 251 1503C154 1503 83 1436 83 1346C83 1256 154 1189 251 1189Z" transform="translate(1413.32 0)"/><path d="M709 -22C985 -22 1166 198 1166 529C1166 853 981 1078 711 1078C574 1078 468 1024 400 910H399V1490H104V0H395V162H396C457 39 570 -22 709 -22ZM633 218C484 218 385 340 385 529C385 717 484 840 633 840C776 840 869 727 869 529C869 331 776 218 633 218Z" transform="translate(1844.64 0)"/><path d="M399 1490H104V0H399Z" transform="translate(2996.96 0)"/><path d="M586 -24C842 -24 1046 122 1085 332H816C789 250 710 197 595 197C440 197 350 298 345 454H1096V533C1096 855 887 1080 576 1080C273 1080 58 849 58 527C58 206 266 -24 586 -24ZM347 642C363 774 450 856 582 856C715 856 803 774 818 642Z" transform="translate(3428.28 0)"/><path d="M711 1056H495V1344H200V1056H18V825H200V280C200 88 307 0 539 0H711V231H598C518 231 495 254 495 326V825H711Z" transform="translate(4506.6 0)"/></g><path d="M249.514296875 11C251.014296875 19.0 251.514296875 19.5 259.514296875 21C251.514296875 22.5 251.014296875 23.0 249.514296875 31C248.014296875 23.0 247.514296875 22.5 239.514296875 21C247.514296875 19.5 248.014296875 19.0 249.514296875 11Z" fill="url(#nb-magic)" /><g fill="#A8B7CB" transform="translate(88 85) scale(0.00537109 -0.00537109)"><path d="M645 0C1099 0 1356 282 1356 748C1356 1210 1099 1490 664 1490H180V0ZM370 168V1322H651C996 1322 1172 1106 1172 748C1172 386 996 168 633 168Z" transform="translate(0 0)"/><path d="M180 0H1097V168H370V668H1039V836H370V1322H1088V1490H180Z" transform="translate(1826.16 0)"/><path d="M657 -26C1001 -26 1198 162 1198 406C1198 684 936 774 776 818L627 859C518 889 343 944 343 1100C343 1240 471 1342 664 1342C841 1342 975 1259 992 1114H1178C1169 1339 964 1510 670 1510C382 1510 158 1343 158 1091C158 893 298 770 538 702L718 651C877 606 1013 553 1013 409C1013 250 859 144 657 144C482 144 326 221 311 390H116C133 140 334 -26 657 -26Z" transform="translate(3405.32 0)"/><path d="M370 1490H180V0H370Z" transform="translate(5067.48 0)"/><path d="M789 -20C1144 -20 1400 216 1400 586V749H828V583H1214C1209 321 1038 156 789 156C515 156 307 364 307 744C307 1127 516 1334 778 1334C989 1334 1132 1214 1193 1023H1389C1335 1312 1092 1510 777 1510C395 1510 122 1217 122 744C122 273 391 -20 789 -20Z" transform="translate(5965.64 0)"/><path d="M180 0H371V850C371 922 364 1071 356 1262C472 1055 529 955 597 848L1137 0H1363V1490H1173V576C1173 496 1174 369 1186 225C1118 360 1050 474 1010 537L404 1490H180Z" transform="translate(7841.8 0)"/><path d="M180 0H1097V168H370V668H1039V836H370V1322H1088V1490H180Z" transform="translate(9732.96 0)"/><path d="M180 0H370V578H691C703 578 714 578 726 579L1036 0H1256L922 613C1110 679 1198 832 1198 1030C1198 1296 1038 1490 690 1490H180ZM370 747V1323H680C917 1323 1009 1207 1009 1030C1009 855 917 747 682 747Z" transform="translate(11312.1 0)"/><path d="M180 0H361V851C361 966 357 1142 354 1284C413 1109 471 935 504 851L842 0H1007L1340 851C1374 938 1436 1117 1490 1287C1486 1132 1483 961 1483 851V0H1670V1490H1399L1037 550C1008 475 962 328 927 211C892 332 845 478 817 550L450 1490H180Z" transform="translate(13902.4 0)"/><path d="M783 -20C1088 -20 1332 166 1384 469H1194C1152 266 978 156 783 156C516 156 307 363 307 744C307 1126 515 1334 783 1334C977 1334 1152 1225 1194 1021H1384C1331 1328 1085 1510 783 1510C401 1510 122 1217 122 744C122 272 401 -20 783 -20Z" transform="translate(16100.6 0)"/><path d="M180 0H370V539H691C1038 539 1198 750 1198 1016C1198 1281 1038 1490 690 1490H180ZM370 706V1323H680C918 1323 1009 1192 1009 1016C1009 839 918 706 682 706Z" transform="translate(17944.8 0)"/><path d="M657 -26C1001 -26 1198 162 1198 406C1198 684 936 774 776 818L627 859C518 889 343 944 343 1100C343 1240 471 1342 664 1342C841 1342 975 1259 992 1114H1178C1169 1339 964 1510 670 1510C382 1510 158 1343 158 1091C158 893 298 770 538 702L718 651C877 606 1013 553 1013 409C1013 250 859 144 657 144C482 144 326 221 311 390H116C133 140 334 -26 657 -26Z" transform="translate(20525.1 0)"/><path d="M180 0H370V489L585 716L1094 0H1319L716 845L1318 1490H1069L624 1009C533 911 450 813 367 706L370 980V1490H180Z" transform="translate(22187.2 0)"/><path d="M370 1490H180V0H370Z" transform="translate(23911.4 0)"/><path d="M180 0H1060V168H370V1490H180Z" transform="translate(24809.6 0)"/><path d="M180 0H1060V168H370V1490H180Z" transform="translate(26315.7 0)"/></g></g>
20
+ </svg>
package/assets/niblet-logo-light.svg ADDED
@@ -0,0 +1,20 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="360" height="106" viewBox="0 0 360 106" role="img" aria-labelledby="nb-title nb-desc">
3
+ <title id="nb-title">Niblet horizontal logo for light backgrounds</title><desc id="nb-desc">Editable native SVG artwork. No embedded raster images.</desc>
4
+ <defs>
5
+ <linearGradient id="nb-hat" x1="0" y1="0.65" x2="0.9" y2="0.15" gradientUnits="objectBoundingBox"><stop stop-color="#115999"/><stop offset="0.46" stop-color="#1796B1"/><stop offset="0.8" stop-color="#25CBBB"/><stop offset="1" stop-color="#89F3D8"/></linearGradient>
6
+ <linearGradient id="nb-hat-fold" x1="0" y1="0.2" x2="1" y2="0.8"><stop stop-color="#0C5E8D"/><stop offset="0.62" stop-color="#117B90"/><stop offset="1" stop-color="#00A59F"/></linearGradient>
7
+ <linearGradient id="nb-brim" x1="0" y1="1" x2="1" y2="0"><stop stop-color="#2278D3"/><stop offset="0.5" stop-color="#28AADA"/><stop offset="1" stop-color="#67EAD0"/></linearGradient>
8
+ <radialGradient id="nb-face" cx="45%" cy="35%" r="70%"><stop stop-color="#FFF1CF"/><stop offset="0.65" stop-color="#FFDFBA"/><stop offset="1" stop-color="#F4AF91"/></radialGradient>
9
+ <linearGradient id="nb-ear" x1="0" y1="0" x2="0.8" y2="1"><stop stop-color="#FFD7B5"/><stop offset="1" stop-color="#F2A185"/></linearGradient>
10
+ <linearGradient id="nb-ear-inner" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#E98072"/><stop offset="1" stop-color="#F6B797"/></linearGradient>
11
+ <radialGradient id="nb-orb" cx="30%" cy="23%" r="80%"><stop stop-color="#ABFFEC"/><stop offset="0.4" stop-color="#16D7C5"/><stop offset="1" stop-color="#078899"/></radialGradient>
12
+ <linearGradient id="nb-cloak" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#169EAF"/><stop offset="0.5" stop-color="#08718D"/><stop offset="1" stop-color="#0A344F"/></linearGradient>
13
+ <linearGradient id="nb-app" x1="0" y1="1" x2="0.9" y2="0"><stop stop-color="#7360FF"/><stop offset="0.44" stop-color="#2E8BFF"/><stop offset="1" stop-color="#08DBC2"/></linearGradient>
14
+ <linearGradient id="nb-magic" x1="0" y1="1" x2="1" y2="0"><stop stop-color="#8B5CF6"/><stop offset="0.55" stop-color="#2E8BFF"/><stop offset="1" stop-color="#00D1B2"/></linearGradient>
15
+ <linearGradient id="nb-soft" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#EEF5FF"/><stop offset="0.6" stop-color="#F7F4FF"/><stop offset="1" stop-color="#E8FAF8"/></linearGradient>
16
+ <linearGradient id="nb-dark-surface" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#142A42"/><stop offset="1" stop-color="#0A1628"/></linearGradient>
17
+ <radialGradient id="nb-halo"><stop stop-color="#A8EEE7" stop-opacity="0.55"/><stop offset="1" stop-color="#DFEFFE" stop-opacity="0"/></radialGradient>
18
+ </defs>
19
+ <g transform="translate(12 9) scale(1)" ><g transform="translate(-5 -8) scale(0.17)" ><g id="mascot-cloak"><path d="M170 359C187 378 220 389 255 388C288 389 322 378 343 360L349 400L310 426L299 464L268 454L239 466L218 454L186 459L183 423L153 401Z" fill="url(#nb-cloak)" /><path d="M169 382Q244 432 335 384L320 411Q242 447 177 407Z" fill="#084E67" /><path d="M188 427L238 445L212 453L188 449Z" fill="#20A9B1" /><path d="M268 426L288 460L264 449L242 460L244 441Z" fill="#0D405E" /></g><g id="mascot-ears"><path d="M153 282C126 264 98 251 59 248C65 285 91 320 127 334L161 316Z" fill="url(#nb-ear)" /><path d="M350 277C377 248 404 232 448 221C441 267 418 306 380 326L350 311Z" fill="url(#nb-ear)" /><path d="M137 292Q115 273 79 264Q94 295 132 314Z" fill="url(#nb-ear-inner)" /><path d="M371 285Q395 255 429 240Q417 281 382 307Z" fill="url(#nb-ear-inner)" /></g><g id="mascot-hood"><path d="M118 276C127 219 151 166 183 112C217 55 258 29 303 44C344 58 365 87 386 109C359 101 337 112 325 137C331 177 361 210 367 248C392 276 391 320 368 353C345 390 304 407 252 407C191 405 149 388 126 353C109 327 108 299 118 276Z" fill="url(#nb-hat)" /><path d="M183 113C216 65 253 35 295 52C250 57 222 100 217 139C207 178 225 207 234 228L136 260C143 216 160 166 183 113Z" fill="#72E5D4" opacity="0.18"/><path d="M284 59C328 61 358 89 384 109C358 100 337 113 325 138C325 167 348 203 359 228C319 209 292 170 282 129C275 98 277 77 284 59Z" fill="url(#nb-hat-fold)" /><path d="M179 117C205 75 234 52 263 47" fill="none" stroke="#C2FFF0" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.66"/><path d="M135 256C197 224 296 222 362 255" fill="none" stroke="#076E91" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-face"><path d="M137 290C153 265 189 252 245 251C301 247 340 260 362 288L365 325C361 371 315 397 253 397C192 397 146 375 139 337Z" fill="url(#nb-face)" /></g><g id="mascot-hatband"><path d="M120 279C142 245 181 228 239 224C292 219 336 231 364 252L369 289C333 261 293 251 245 255C191 256 150 273 131 308Z" fill="url(#nb-brim)" /><path d="M136 276C166 248 207 238 251 236C295 235 330 245 351 260" fill="none" stroke="#A5FBE8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.65"/><path d="M225 254L242 268L257 252Z" fill="#19C6B8" /></g><g id="mascot-expression"><ellipse cx="203" cy="312" rx="12" ry="19" fill="#0A1628"/><ellipse cx="295" cy="312" rx="12" ry="19" fill="#0A1628"/><circle cx="200" cy="305" r="4.1" fill="#FFFFFF" /><circle cx="292" cy="305" r="4.1" fill="#FFFFFF" /><path d="M187 280Q199 271 211 279M285 278Q297 268 309 278" fill="none" stroke="#0A1628" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M232 343Q252 362 274 340" fill="none" stroke="#0A1628" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round" /><ellipse cx="178" cy="343" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><ellipse cx="321" cy="341" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><path d="M250 322Q256 328 250 330" fill="none" stroke="#ECA58E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-hat-orb"><path d="M382 108Q392 111 394 121" fill="none" stroke="#148E9D" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" /><circle cx="395" cy="126" r="18" fill="url(#nb-orb)" /><path d="M385 117Q392 110 402 116" fill="none" stroke="#D1FFF5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.8"/></g></g><g fill="#0A1628" transform="translate(85 57) scale(0.0288086 -0.0288086)"><path d="M111 0H419V691C419 755 418 882 412 1038C496 887 572 758 615 690L1049 0H1374V1490H1067V753C1067 690 1068 567 1072 452C1013 559 949 672 914 728L435 1490H111Z" transform="translate(0 0)"/><path d="M104 0H399V1056H104ZM251 1189C348 1189 419 1256 419 1346C419 1436 348 1503 251 1503C154 1503 83 1436 83 1346C83 1256 154 1189 251 1189Z" transform="translate(1413.32 0)"/><path d="M709 -22C985 -22 1166 198 1166 529C1166 853 981 1078 711 1078C574 1078 468 1024 400 910H399V1490H104V0H395V162H396C457 39 570 -22 709 -22ZM633 218C484 218 385 340 385 529C385 717 484 840 633 840C776 840 869 727 869 529C869 331 776 218 633 218Z" transform="translate(1844.64 0)"/><path d="M399 1490H104V0H399Z" transform="translate(2996.96 0)"/><path d="M586 -24C842 -24 1046 122 1085 332H816C789 250 710 197 595 197C440 197 350 298 345 454H1096V533C1096 855 887 1080 576 1080C273 1080 58 849 58 527C58 206 266 -24 586 -24ZM347 642C363 774 450 856 582 856C715 856 803 774 818 642Z" transform="translate(3428.28 0)"/><path d="M711 1056H495V1344H200V1056H18V825H200V280C200 88 307 0 539 0H711V231H598C518 231 495 254 495 326V825H711Z" transform="translate(4506.6 0)"/></g><path d="M249.514296875 11C251.014296875 19.0 251.514296875 19.5 259.514296875 21C251.514296875 22.5 251.014296875 23.0 249.514296875 31C248.014296875 23.0 247.514296875 22.5 239.514296875 21C247.514296875 19.5 248.014296875 19.0 249.514296875 11Z" fill="url(#nb-magic)" /><g fill="#516277" transform="translate(88 85) scale(0.00537109 -0.00537109)"><path d="M645 0C1099 0 1356 282 1356 748C1356 1210 1099 1490 664 1490H180V0ZM370 168V1322H651C996 1322 1172 1106 1172 748C1172 386 996 168 633 168Z" transform="translate(0 0)"/><path d="M180 0H1097V168H370V668H1039V836H370V1322H1088V1490H180Z" transform="translate(1826.16 0)"/><path d="M657 -26C1001 -26 1198 162 1198 406C1198 684 936 774 776 818L627 859C518 889 343 944 343 1100C343 1240 471 1342 664 1342C841 1342 975 1259 992 1114H1178C1169 1339 964 1510 670 1510C382 1510 158 1343 158 1091C158 893 298 770 538 702L718 651C877 606 1013 553 1013 409C1013 250 859 144 657 144C482 144 326 221 311 390H116C133 140 334 -26 657 -26Z" transform="translate(3405.32 0)"/><path d="M370 1490H180V0H370Z" transform="translate(5067.48 0)"/><path d="M789 -20C1144 -20 1400 216 1400 586V749H828V583H1214C1209 321 1038 156 789 156C515 156 307 364 307 744C307 1127 516 1334 778 1334C989 1334 1132 1214 1193 1023H1389C1335 1312 1092 1510 777 1510C395 1510 122 1217 122 744C122 273 391 -20 789 -20Z" transform="translate(5965.64 0)"/><path d="M180 0H371V850C371 922 364 1071 356 1262C472 1055 529 955 597 848L1137 0H1363V1490H1173V576C1173 496 1174 369 1186 225C1118 360 1050 474 1010 537L404 1490H180Z" transform="translate(7841.8 0)"/><path d="M180 0H1097V168H370V668H1039V836H370V1322H1088V1490H180Z" transform="translate(9732.96 0)"/><path d="M180 0H370V578H691C703 578 714 578 726 579L1036 0H1256L922 613C1110 679 1198 832 1198 1030C1198 1296 1038 1490 690 1490H180ZM370 747V1323H680C917 1323 1009 1207 1009 1030C1009 855 917 747 682 747Z" transform="translate(11312.1 0)"/><path d="M180 0H361V851C361 966 357 1142 354 1284C413 1109 471 935 504 851L842 0H1007L1340 851C1374 938 1436 1117 1490 1287C1486 1132 1483 961 1483 851V0H1670V1490H1399L1037 550C1008 475 962 328 927 211C892 332 845 478 817 550L450 1490H180Z" transform="translate(13902.4 0)"/><path d="M783 -20C1088 -20 1332 166 1384 469H1194C1152 266 978 156 783 156C516 156 307 363 307 744C307 1126 515 1334 783 1334C977 1334 1152 1225 1194 1021H1384C1331 1328 1085 1510 783 1510C401 1510 122 1217 122 744C122 272 401 -20 783 -20Z" transform="translate(16100.6 0)"/><path d="M180 0H370V539H691C1038 539 1198 750 1198 1016C1198 1281 1038 1490 690 1490H180ZM370 706V1323H680C918 1323 1009 1192 1009 1016C1009 839 918 706 682 706Z" transform="translate(17944.8 0)"/><path d="M657 -26C1001 -26 1198 162 1198 406C1198 684 936 774 776 818L627 859C518 889 343 944 343 1100C343 1240 471 1342 664 1342C841 1342 975 1259 992 1114H1178C1169 1339 964 1510 670 1510C382 1510 158 1343 158 1091C158 893 298 770 538 702L718 651C877 606 1013 553 1013 409C1013 250 859 144 657 144C482 144 326 221 311 390H116C133 140 334 -26 657 -26Z" transform="translate(20525.1 0)"/><path d="M180 0H370V489L585 716L1094 0H1319L716 845L1318 1490H1069L624 1009C533 911 450 813 367 706L370 980V1490H180Z" transform="translate(22187.2 0)"/><path d="M370 1490H180V0H370Z" transform="translate(23911.4 0)"/><path d="M180 0H1060V168H370V1490H180Z" transform="translate(24809.6 0)"/><path d="M180 0H1060V168H370V1490H180Z" transform="translate(26315.7 0)"/></g></g>
20
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pymodel/niblet",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "Niblet MCP server and design skill: real UI screen references for coding agents",
5
5
  "keywords": [
6
6
  "mcp",
package/skill/niblet/SKILL.md CHANGED
@@ -3,7 +3,7 @@ name: niblet
3
3
  description: Keep interface work anchored to the product it belongs to instead of a generic template. Sets a short design contract, builds from the components and tokens already in the codebase, covers the states a surface can actually reach, and closes by looking at the rendered result. Use when building, reworking, or assessing a web or native interface. Trigger with "niblet", "niblet skill", "niblet designer ui", or "niblet review". Skip backend, CLI, data, and infrastructure work, prose-only tasks, and questions the product's own design system already settles.
4
4
  license: Apache-2.0
5
5
  metadata:
6
- version: "0.1.0"
6
+ version: "0.1.1"
7
7
  author: "Mohamed Elkholy (elkaix)"
8
8
  organization: "PyModel"
9
9
  source: "https://github.com/PyModel/niblet-skill-mcp"
package/assets/niblet-banner.svg DELETED
@@ -1,20 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="1500" height="500" viewBox="0 0 1500 500" role="img" aria-labelledby="nb-title nb-desc">
3
- <title id="nb-title">Niblet wide profile banner</title><desc id="nb-desc">Editable native SVG artwork. No embedded raster images.</desc>
4
- <defs>
5
- <linearGradient id="nb-hat" x1="0" y1="0.65" x2="0.9" y2="0.15" gradientUnits="objectBoundingBox"><stop stop-color="#115999"/><stop offset="0.46" stop-color="#1796B1"/><stop offset="0.8" stop-color="#25CBBB"/><stop offset="1" stop-color="#89F3D8"/></linearGradient>
6
- <linearGradient id="nb-hat-fold" x1="0" y1="0.2" x2="1" y2="0.8"><stop stop-color="#0C5E8D"/><stop offset="0.62" stop-color="#117B90"/><stop offset="1" stop-color="#00A59F"/></linearGradient>
7
- <linearGradient id="nb-brim" x1="0" y1="1" x2="1" y2="0"><stop stop-color="#2278D3"/><stop offset="0.5" stop-color="#28AADA"/><stop offset="1" stop-color="#67EAD0"/></linearGradient>
8
- <radialGradient id="nb-face" cx="45%" cy="35%" r="70%"><stop stop-color="#FFF1CF"/><stop offset="0.65" stop-color="#FFDFBA"/><stop offset="1" stop-color="#F4AF91"/></radialGradient>
9
- <linearGradient id="nb-ear" x1="0" y1="0" x2="0.8" y2="1"><stop stop-color="#FFD7B5"/><stop offset="1" stop-color="#F2A185"/></linearGradient>
10
- <linearGradient id="nb-ear-inner" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#E98072"/><stop offset="1" stop-color="#F6B797"/></linearGradient>
11
- <radialGradient id="nb-orb" cx="30%" cy="23%" r="80%"><stop stop-color="#ABFFEC"/><stop offset="0.4" stop-color="#16D7C5"/><stop offset="1" stop-color="#078899"/></radialGradient>
12
- <linearGradient id="nb-cloak" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#169EAF"/><stop offset="0.5" stop-color="#08718D"/><stop offset="1" stop-color="#0A344F"/></linearGradient>
13
- <linearGradient id="nb-app" x1="0" y1="1" x2="0.9" y2="0"><stop stop-color="#7360FF"/><stop offset="0.44" stop-color="#2E8BFF"/><stop offset="1" stop-color="#08DBC2"/></linearGradient>
14
- <linearGradient id="nb-magic" x1="0" y1="1" x2="1" y2="0"><stop stop-color="#8B5CF6"/><stop offset="0.55" stop-color="#2E8BFF"/><stop offset="1" stop-color="#00D1B2"/></linearGradient>
15
- <linearGradient id="nb-soft" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#EEF5FF"/><stop offset="0.6" stop-color="#F7F4FF"/><stop offset="1" stop-color="#E8FAF8"/></linearGradient>
16
- <linearGradient id="nb-dark-surface" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#142A42"/><stop offset="1" stop-color="#0A1628"/></linearGradient>
17
- <radialGradient id="nb-halo"><stop stop-color="#A8EEE7" stop-opacity="0.55"/><stop offset="1" stop-color="#DFEFFE" stop-opacity="0"/></radialGradient>
18
- </defs>
19
- <rect x="0" y="0" width="1500" height="500" rx="0" fill="#0A1628" /><circle cx="1130" cy="263" r="420" fill="url(#nb-halo)" /><g transform="translate(78 64) scale(0.77)" ><g transform="translate(-5 -8) scale(0.17)" ><g id="mascot-cloak"><path d="M170 359C187 378 220 389 255 388C288 389 322 378 343 360L349 400L310 426L299 464L268 454L239 466L218 454L186 459L183 423L153 401Z" fill="url(#nb-cloak)" /><path d="M169 382Q244 432 335 384L320 411Q242 447 177 407Z" fill="#084E67" /><path d="M188 427L238 445L212 453L188 449Z" fill="#20A9B1" /><path d="M268 426L288 460L264 449L242 460L244 441Z" fill="#0D405E" /></g><g id="mascot-ears"><path d="M153 282C126 264 98 251 59 248C65 285 91 320 127 334L161 316Z" fill="url(#nb-ear)" /><path d="M350 277C377 248 404 232 448 221C441 267 418 306 380 326L350 311Z" fill="url(#nb-ear)" /><path d="M137 292Q115 273 79 264Q94 295 132 314Z" fill="url(#nb-ear-inner)" /><path d="M371 285Q395 255 429 240Q417 281 382 307Z" fill="url(#nb-ear-inner)" /></g><g id="mascot-hood"><path d="M118 276C127 219 151 166 183 112C217 55 258 29 303 44C344 58 365 87 386 109C359 101 337 112 325 137C331 177 361 210 367 248C392 276 391 320 368 353C345 390 304 407 252 407C191 405 149 388 126 353C109 327 108 299 118 276Z" fill="url(#nb-hat)" /><path d="M183 113C216 65 253 35 295 52C250 57 222 100 217 139C207 178 225 207 234 228L136 260C143 216 160 166 183 113Z" fill="#72E5D4" opacity="0.18"/><path d="M284 59C328 61 358 89 384 109C358 100 337 113 325 138C325 167 348 203 359 228C319 209 292 170 282 129C275 98 277 77 284 59Z" fill="url(#nb-hat-fold)" /><path d="M179 117C205 75 234 52 263 47" fill="none" stroke="#C2FFF0" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.66"/><path d="M135 256C197 224 296 222 362 255" fill="none" stroke="#076E91" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-face"><path d="M137 290C153 265 189 252 245 251C301 247 340 260 362 288L365 325C361 371 315 397 253 397C192 397 146 375 139 337Z" fill="url(#nb-face)" /></g><g id="mascot-hatband"><path d="M120 279C142 245 181 228 239 224C292 219 336 231 364 252L369 289C333 261 293 251 245 255C191 256 150 273 131 308Z" fill="url(#nb-brim)" /><path d="M136 276C166 248 207 238 251 236C295 235 330 245 351 260" fill="none" stroke="#A5FBE8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.65"/><path d="M225 254L242 268L257 252Z" fill="#19C6B8" /></g><g id="mascot-expression"><ellipse cx="203" cy="312" rx="12" ry="19" fill="#0A1628"/><ellipse cx="295" cy="312" rx="12" ry="19" fill="#0A1628"/><circle cx="200" cy="305" r="4.1" fill="#FFFFFF" /><circle cx="292" cy="305" r="4.1" fill="#FFFFFF" /><path d="M187 280Q199 271 211 279M285 278Q297 268 309 278" fill="none" stroke="#0A1628" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M232 343Q252 362 274 340" fill="none" stroke="#0A1628" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round" /><ellipse cx="178" cy="343" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><ellipse cx="321" cy="341" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><path d="M250 322Q256 328 250 330" fill="none" stroke="#ECA58E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-hat-orb"><path d="M382 108Q392 111 394 121" fill="none" stroke="#148E9D" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" /><circle cx="395" cy="126" r="18" fill="url(#nb-orb)" /><path d="M385 117Q392 110 402 116" fill="none" stroke="#D1FFF5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.8"/></g></g><g fill="#FFFFFF" transform="translate(85 57) scale(0.0288086 -0.0288086)"><path d="M111 0H419V691C419 755 418 882 412 1038C496 887 572 758 615 690L1049 0H1374V1490H1067V753C1067 690 1068 567 1072 452C1013 559 949 672 914 728L435 1490H111Z" transform="translate(0 0)"/><path d="M104 0H399V1056H104ZM251 1189C348 1189 419 1256 419 1346C419 1436 348 1503 251 1503C154 1503 83 1436 83 1346C83 1256 154 1189 251 1189Z" transform="translate(1413.32 0)"/><path d="M709 -22C985 -22 1166 198 1166 529C1166 853 981 1078 711 1078C574 1078 468 1024 400 910H399V1490H104V0H395V162H396C457 39 570 -22 709 -22ZM633 218C484 218 385 340 385 529C385 717 484 840 633 840C776 840 869 727 869 529C869 331 776 218 633 218Z" transform="translate(1844.64 0)"/><path d="M399 1490H104V0H399Z" transform="translate(2996.96 0)"/><path d="M586 -24C842 -24 1046 122 1085 332H816C789 250 710 197 595 197C440 197 350 298 345 454H1096V533C1096 855 887 1080 576 1080C273 1080 58 849 58 527C58 206 266 -24 586 -24ZM347 642C363 774 450 856 582 856C715 856 803 774 818 642Z" transform="translate(3428.28 0)"/><path d="M711 1056H495V1344H200V1056H18V825H200V280C200 88 307 0 539 0H711V231H598C518 231 495 254 495 326V825H711Z" transform="translate(4506.6 0)"/></g><path d="M249.514296875 11C251.014296875 19.0 251.514296875 19.5 259.514296875 21C251.514296875 22.5 251.014296875 23.0 249.514296875 31C248.014296875 23.0 247.514296875 22.5 239.514296875 21C247.514296875 19.5 248.014296875 19.0 249.514296875 11Z" fill="url(#nb-magic)" /></g><text x="77" y="263" font-family="Inter, Arial, sans-serif" font-size="70" font-weight="750" fill="#FFFFFF" text-anchor="start" letter-spacing="-2" >Design anything.</text><text x="77" y="345" font-family="Inter, Arial, sans-serif" font-size="70" font-weight="750" fill="#75B7FF" text-anchor="start" letter-spacing="-2" >With a little magic.</text><text x="81" y="428" font-family="Inter, Arial, sans-serif" font-size="15" font-weight="550" fill="#B1C4DA" text-anchor="start" letter-spacing="1.2" >UI / ICONS / ILLUSTRATIONS / BRAND ASSETS</text><g transform="translate(985 7) scale(0.94)" ><g id="mascot-cloak--instance-2"><path d="M170 359C187 378 220 389 255 388C288 389 322 378 343 360L349 400L310 426L299 464L268 454L239 466L218 454L186 459L183 423L153 401Z" fill="url(#nb-cloak)" /><path d="M169 382Q244 432 335 384L320 411Q242 447 177 407Z" fill="#084E67" /><path d="M188 427L238 445L212 453L188 449Z" fill="#20A9B1" /><path d="M268 426L288 460L264 449L242 460L244 441Z" fill="#0D405E" /></g><g id="mascot-ears--instance-2"><path d="M153 282C126 264 98 251 59 248C65 285 91 320 127 334L161 316Z" fill="url(#nb-ear)" /><path d="M350 277C377 248 404 232 448 221C441 267 418 306 380 326L350 311Z" fill="url(#nb-ear)" /><path d="M137 292Q115 273 79 264Q94 295 132 314Z" fill="url(#nb-ear-inner)" /><path d="M371 285Q395 255 429 240Q417 281 382 307Z" fill="url(#nb-ear-inner)" /></g><g id="mascot-hood--instance-2"><path d="M118 276C127 219 151 166 183 112C217 55 258 29 303 44C344 58 365 87 386 109C359 101 337 112 325 137C331 177 361 210 367 248C392 276 391 320 368 353C345 390 304 407 252 407C191 405 149 388 126 353C109 327 108 299 118 276Z" fill="url(#nb-hat)" /><path d="M183 113C216 65 253 35 295 52C250 57 222 100 217 139C207 178 225 207 234 228L136 260C143 216 160 166 183 113Z" fill="#72E5D4" opacity="0.18"/><path d="M284 59C328 61 358 89 384 109C358 100 337 113 325 138C325 167 348 203 359 228C319 209 292 170 282 129C275 98 277 77 284 59Z" fill="url(#nb-hat-fold)" /><path d="M179 117C205 75 234 52 263 47" fill="none" stroke="#C2FFF0" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.66"/><path d="M135 256C197 224 296 222 362 255" fill="none" stroke="#076E91" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-face--instance-2"><path d="M137 290C153 265 189 252 245 251C301 247 340 260 362 288L365 325C361 371 315 397 253 397C192 397 146 375 139 337Z" fill="url(#nb-face)" /></g><g id="mascot-hatband--instance-2"><path d="M120 279C142 245 181 228 239 224C292 219 336 231 364 252L369 289C333 261 293 251 245 255C191 256 150 273 131 308Z" fill="url(#nb-brim)" /><path d="M136 276C166 248 207 238 251 236C295 235 330 245 351 260" fill="none" stroke="#A5FBE8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.65"/><path d="M225 254L242 268L257 252Z" fill="#19C6B8" /></g><g id="mascot-expression--instance-2"><ellipse cx="203" cy="312" rx="12" ry="19" fill="#0A1628"/><ellipse cx="295" cy="312" rx="12" ry="19" fill="#0A1628"/><circle cx="200" cy="305" r="4.1" fill="#FFFFFF" /><circle cx="292" cy="305" r="4.1" fill="#FFFFFF" /><path d="M187 280Q199 271 211 279M285 278Q297 268 309 278" fill="none" stroke="#0A1628" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M232 343Q252 362 274 340" fill="none" stroke="#0A1628" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round" /><ellipse cx="178" cy="343" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><ellipse cx="321" cy="341" rx="17" ry="10" fill="#F58E85" opacity="0.38"/><path d="M250 322Q256 328 250 330" fill="none" stroke="#ECA58E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></g><g id="mascot-hat-orb--instance-2"><path d="M382 108Q392 111 394 121" fill="none" stroke="#148E9D" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" /><circle cx="395" cy="126" r="18" fill="url(#nb-orb)" /><path d="M385 117Q392 110 402 116" fill="none" stroke="#D1FFF5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.8"/></g><g id="mascot-magic"><path d="M85 165C87.1 176.2 87.8 176.9 99 179C87.8 181.1 87.1 181.8 85 193C82.9 181.8 82.2 181.1 71 179C82.2 176.9 82.9 176.2 85 165Z" fill="#F4B400" /><path d="M431 343C433.55 356.6 434.4 357.45 448 360C434.4 362.55 433.55 363.4 431 377C428.45 363.4 427.6 362.55 414 360C427.6 357.45 428.45 356.6 431 343Z" fill="#2E8BFF" /><path d="M390 188C391.2 194.4 391.6 194.8 398 196C391.6 197.2 391.2 197.6 390 204C388.8 197.6 388.4 197.2 382 196C388.4 194.8 388.8 194.4 390 188Z" fill="#00D1B2" /><circle cx="94" cy="380" r="3.5" fill="#00D1B2" /></g></g>
20
- </svg>