{"id":35100,"date":"2026-11-10T11:30:28","date_gmt":"2026-11-10T10:30:28","guid":{"rendered":"https:\/\/sii.pl\/blog\/?p=35100"},"modified":"2026-11-10T11:31:08","modified_gmt":"2026-11-10T10:31:08","slug":"od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow","status":"publish","type":"post","link":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/","title":{"rendered":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w"},"content":{"rendered":"\n<p>AI bardzo szybko sta\u0142o si\u0119 pe\u0142noprawnym cz\u0142onkiem naszego zespo\u0142u. Pisze kod, tworzy testy, refaktoryzuje komponenty i coraz cz\u0119\u015bciej jest pierwszym miejscem, do kt\u00f3rego zagl\u0105damy, zamiast przekopywa\u0107 si\u0119 przez dokumentacj\u0119.<\/p>\n\n\n\n<p>Pojawia si\u0119 jednak do\u015b\u0107 brutalne pytanie: Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? <\/p>\n\n\n\n<p>W naszym przypadku odpowied\u017a ewoluowa\u0142a przez kilka etap\u00f3w. Od klasycznej dokumentacji i Storybooka, przez statyczne regu\u0142y i agent\u00f3w, a\u017c po wdro\u017cenie Model Context Protocol (<a href=\"https:\/\/sii.pl\/blog\/all\/all\/MCP\/\" target=\"_blank\" rel=\"noopener\" title=\"\">MCP<\/a>). To nie by\u0142a rewolucja z dnia na dzie\u0144. Raczej seria potkni\u0119\u0107 i ma\u0142ych krok\u00f3w, z kt\u00f3rych ka\u017cdy rozwi\u0105zywa\u0142 jeden problem\u2026 i natychmiast ujawnia\u0142 kolejny. Przyjrzymy si\u0119 temu bli\u017cej.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Punkt wyj\u015bcia: Storybook i TSDoc<\/strong><\/h2>\n\n\n\n<p>W projekcie utrzymujemy wewn\u0119trzn\u0105 bibliotek\u0119 komponent\u00f3w u\u017cywan\u0105 przez 24 niezale\u017cne modu\u0142y. S\u0105 one rozwijane w osobnych repozytoriach i osadzane jako mikrofrontendy. Biblioteka l\u0105duje w prywatnym rejestrze npm (Nexus), a deweloperzy korzystaj\u0105 z niej tak jak z ka\u017cdej innej zale\u017cno\u015bci.<\/p>\n\n\n\n<p>Do dyspozycji zespo\u0142u oddali\u015bmy klasyk\u0119 gatunku:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Storybook: hostowany pod prywatnym adresem.<\/li>\n\n\n\n<li>Dokumentacj\u0119 techniczn\u0105: utrzymywan\u0105 w TSDoc.<\/li>\n<\/ul>\n\n\n\n<p>Dla ludzi to rozwi\u0105zanie sprawdza\u0142o si\u0119 \u015bwietnie. Programista otwiera\u0142 Storybooka, kopiowa\u0142 przyk\u0142ady u\u017cycia, a IDE grzecznie podpowiada\u0142o API. Sielanka.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>AI wchodzi do gry (i zjada tokeny)<\/strong><\/h2>\n\n\n\n<p>Pocz\u0105tkowo po wpuszczeniu modeli j\u0119zykowych do IDE niewiele si\u0119 zmieni\u0142o w naszych projektach. AI potrafi\u0142o skanowa\u0107 kod w node_modules, czyta\u0107 deklaracje typ\u00f3w (.d.ts), komentarze TSDoc, a czasem nawet analizowa\u0107 implementacj\u0119 pod spodem. Kod z u\u017cyciem naszej biblioteki generowa\u0142 si\u0119 ca\u0142kiem nie\u017ale.<\/p>\n\n\n\n<p>Oczywi\u015bcie, AI mia\u0142o te\u017c swoje s\u0142absze momenty. Czasem halucynowa\u0142o nieistniej\u0105ce API komponentu albo wybiera\u0142o wariant oznaczony jako @deprecated. Zazwyczaj jedna lub dwie iteracje wystarcza\u0142y do naprostowania modelu. Problem pojawi\u0142 si\u0119 na innej p\u0142aszczy\u017anie \u2013 z biegiem czasu tokeny zacz\u0119\u0142y wyparowywa\u0107 w coraz szybszym tempie. Coraz mocniejsze modele ch\u0119tniej zasysa\u0142y wi\u0119kszy kontekst.<\/p>\n\n\n\n<p>Przy ka\u017cdym, nawet banalnym zadaniu, AI pr\u00f3bowa\u0142o od nowa zrozumie\u0107 ca\u0142\u0105 bibliotek\u0119:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Analizowa\u0142o tysi\u0105ce linii typ\u00f3w.<\/li>\n\n\n\n<li>Przeszukiwa\u0142o dokumentacj\u0119 w kodzie.<\/li>\n\n\n\n<li>Por\u00f3wnywa\u0142o implementacje na w\u0142asn\u0105 r\u0119k\u0119.<\/li>\n<\/ol>\n\n\n\n<p>Liczba token\u00f3w kontekstu przy prostej poprawce potrafi\u0142a si\u0119ga\u0107 dziesi\u0105tek tysi\u0119cy. To troch\u0119 tak, jakby przed usma\u017ceniem jajecznicy kucharz za ka\u017cdym razem czyta\u0142 ca\u0142\u0105 ksi\u0105\u017ck\u0119 kucharsk\u0105 od deski do deski. Da si\u0119, ale z efektywno\u015bci\u0105 ma to niewiele wsp\u00f3lnego.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Krok pierwszy: Rules<\/strong><\/h2>\n\n\n\n<p>Zacz\u0119li\u015bmy od szybkiej \u0142aty \u2013 wdro\u017cenia plik\u00f3w z regu\u0142ami (Rules) dla poszczeg\u00f3lnych technologii i standard\u00f3w. Opisali\u015bmy w nich:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Architektur\u0119 Angulara,<\/li>\n\n\n\n<li>Code Style,<\/li>\n\n\n\n<li>Wymagania dla dokumentacji i test\u00f3w (JEST).<\/li>\n<\/ul>\n\n\n\n<p>Efekt by\u0142 natychmiastowy. Model przesta\u0142 zgadywa\u0107 i zacz\u0105\u0142 trzyma\u0107 si\u0119 ustalonego rygoru.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Krok drugi: Wyspecjalizowani Agenci<\/strong><\/h2>\n\n\n\n<p>P\u00f3\u017aniej, zamiast pakowa\u0107 wszystko w jeden ogromny kontekst, stworzyli\u015bmy dedykowane profile:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Agent ds. biblioteki komponent\u00f3w: Wiedzia\u0142, jak sk\u0142ada\u0107 UI.<\/li>\n\n\n\n<li>Agent ds. test\u00f3w: Specjalizowa\u0142 si\u0119 w JEST oraz rozumia\u0142 nasz odpowiednik Page Objects (Component Harnes) dostarczany przez bibliotek\u0119.<\/li>\n<\/ul>\n\n\n\n<p>Model dostawa\u0142 tylko to, czego potrzebowa\u0142 do danego wycinka pracy. Jako\u015b\u0107 podpowiedzi wzros\u0142a, ale wpadli\u015bmy w kolejn\u0105 pu\u0142apk\u0119.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Problem centralizacji (czyli powr\u00f3t do piekie\u0142)<\/strong><\/h2>\n\n\n\n<p>Rozproszenie wiedzy szybko da\u0142o o sobie zna\u0107. Ka\u017cde z 24 repozytori\u00f3w zacz\u0119\u0142o \u017cy\u0107 w\u0142asnym \u017cyciem, przechowuj\u0105c lokalne kopie rules, prompt\u00f3w dla agent\u00f3w oraz wycink\u00f3w dokumentacji.<\/p>\n\n\n\n<p>AI zacz\u0119\u0142o generowa\u0107 r\u00f3\u017cny kod w zale\u017cno\u015bci od tego, w kt\u00f3rym repozytorium zosta\u0142o uruchomione. Przeniesienie tego do Confluence nie wchodzi\u0142o w gr\u0119 \u2013 dokumentacja \u017cyj\u0105ca z dala od kodu umiera powoli i w samotno\u015bci.<\/p>\n\n\n\n<p>Naturalnym kierunkiem wydawa\u0142o si\u0119 zintegrowanie Model Context Protocol (MCP). Pierwsza, naiwna my\u015bl: <em>Niech serwer MCP po prostu czyta naszego hostowanego Storybooka i karmi tym model.<\/em><\/p>\n\n\n\n<p>Szybko zderzyli\u015bmy si\u0119 z rzeczywisto\u015bci\u0105, a konkretnie z wersjonowaniem. Nie wszystkie mikrofrontendy korzystaj\u0105 z tej samej wersji biblioteki. Starsze modu\u0142y maj\u0105 starsze paczki. Gdyby MCP zawsze ci\u0105gn\u0105\u0142 dane z \u201enajnowszego\u201d Storybooka, AI nami\u0119tnie proponowa\u0142oby deweloperom API, kt\u00f3rego ich wersja biblioteki jeszcze nie obs\u0142uguje.<\/p>\n\n\n\n<p>Do tego dochodzi kwestia wydajno\u015bci \u2013 kilkudziesi\u0119ciu deweloper\u00f3w z armi\u0105 agent\u00f3w odpytuj\u0105cych Storybooka przy ka\u017cdym prompcie to prosty przepis na niezamierzony atak DDoS na nasz\u0105 w\u0142asn\u0105 infrastruktur\u0119.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ostateczna architektura: MCP jako dystrybutor wiedzy<\/strong><\/h2>\n\n\n\n<p>Zamiast budowa\u0107 zewn\u0119trzne byty, wykorzystali\u015bmy MCP jako precyzyjny interfejs do wiedzy zaszytej <em>bezpo\u015brednio w bibliotece<\/em>.<\/p>\n\n\n\n<p>Serwer MCP jest publikowany jako osobny pakiet w wewn\u0119trznym Nexus npm Registry. Dzi\u0119ki temu ka\u017cda wersja biblioteki ma odpowiadaj\u0105c\u0105 jej wersj\u0119 serwera MCP. Projekt instaluje obie zale\u017cno\u015bci i wskazuje serwer w konfiguracji klienta MCP (np. w VS Code lub innym IDE).<\/p>\n\n\n\n<p>W praktyce oznacza to, \u017ce AI zawsze komunikuje si\u0119 z serwerem powi\u0105zanym z wersj\u0105 biblioteki u\u017cywan\u0105 przez dany projekt.<\/p>\n\n\n\n<p>To rozwi\u0105zuje problem rozjazdu wersji. Je\u015bli dwa projekty korzystaj\u0105 z r\u00f3\u017cnych wersji biblioteki, ka\u017cdy uruchamia w\u0142asn\u0105 instancj\u0119 serwera MCP i otrzymuje dokumentacj\u0119 oraz API zgodne wy\u0142\u0105cznie z lokalnie zainstalowan\u0105 wersj\u0105. Nie ma ryzyka, \u017ce model wygeneruje kod na podstawie nowszej lub starszej dokumentacji.<\/p>\n\n\n\n<p>Nasz serwer wystawia m.in.:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Resources: Pliki Markdown zawieraj\u0105ce regu\u0142y projektowe i architektoniczne, w tym wcze\u015bniej przygotowane Agents oraz Rules, udost\u0119pnione modelowi jako \u017ar\u00f3d\u0142o wiedzy.<\/li>\n\n\n\n<li>Tools: Wyszukiwark\u0119 komponent\u00f3w po s\u0142owach kluczowych.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>W praktyce<\/strong><\/h3>\n\n\n\n<p>Jak to dzia\u0142a w praktyce? AI nie analizuje ju\u017c ca\u0142ej biblioteki typ\u00f3w. Gdy model rozpozna, \u017ce potrzebuje np. komponentu Modal, wywo\u0142uje narz\u0119dzie search_component(&#8222;modal&#8221;). W odpowiedzi otrzymuje ustrukturyzowane dane zawieraj\u0105ce nazw\u0119 komponentu, \u015bcie\u017ck\u0119 importu, sygnatur\u0119 API (propsy, typy i dost\u0119pne warianty), przyk\u0142ady u\u017cycia oraz odno\u015bniki do powi\u0105zanych zasob\u00f3w i dobrych praktyk.<\/p>\n\n\n\n<p>Dzi\u0119ki temu model operuje na precyzyjnym, aktualnym kontek\u015bcie zgodnym z wersj\u0105 biblioteki zainstalowan\u0105 w projekcie, zamiast analizowa\u0107 tysi\u0105ce linii definicji TypeScript. Efektem jest bardziej trafnie generowany kod przy jednoczesnym zmniejszeniu liczby wykorzystywanych token\u00f3w.<\/p>\n\n\n<div class=\"nsw-o-blogersii-banner\">\n            <picture>\n            <source srcset=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/04\/Blog-Digital-Desktop_.jpg\" media=\"(min-width: 992px)\" >\n            <source srcset=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/04\/Blog-Digital-Mob_.jpg\" media=\"(min-width: 300px)\" >            <img decoding=\"async\" src=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/04\/Blog-Digital-Desktop_.jpg\" alt=\"\"  class=\"\"  >\n        <\/picture>\n        <div class=\"cnt\">\n                    <div class=\"nsw-m-title-block -h3 -invert  -has-title-margin-bottom-0 -has-title-font-weight-bold\">\n                                <h2 class=\"nsw-m-title-block__title\" >Digital<\/h2>\n                <\/div>\n                            <p class=\"has-nsw-p-4-font-size has-invert-color\">\n                Zwi\u0119ksz zysk i poszerzaj grono zadowolonych klient\u00f3w dzi\u0119ki naszym us\u0142ugom in\u017cynierii oprogramowania, e-commerce, mobile i digital customer experience.\n            <\/p>\n                            <a  href=\"https:\/\/sii.pl\/oferta\/digital\/\" class=\"nsw-a-button -ghost -banner-button\"   >\n        <span>Oferta Digital<\/span>\n    <\/a>\n            <\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wnioski: Single Source of Truth<\/strong><\/h2>\n\n\n\n<p>Najwi\u0119kszym wygranym nie jest wcale oszcz\u0119dno\u015b\u0107 token\u00f3w. To mi\u0142y dodatek. W pierwszych testach liczba zu\u017cywanych token\u00f3w spad\u0142a o oko\u0142o 30%. Prawdziwym game changerem jest jednak to, \u017ce wiedza zn\u00f3w jest w jednym miejscu.<\/p>\n\n\n\n<p>Zaktualizowanie standard\u00f3w albo dodanie nowej dokumentacji komponentu odbywa si\u0119 raz \u2013 w repozytorium biblioteki. Serwer MCP udost\u0119pnia te zmiany natychmiast wszystkim konsumentom. W efekcie wszystkie repozytoria korzystaj\u0105ce z tej samej wersji biblioteki automatycznie otrzymuj\u0105 aktualny kontekst bez konieczno\u015bci r\u0119cznego propagowania zmian (np. aktualizacji plik\u00f3w .cursor w wielu projektach).<\/p>\n\n\n\n<p>Model MCP, publikowany jako osobny pakiet w wewn\u0119trznym Nexus npm Registry, eliminuje potrzeb\u0119 utrzymywania centralnego, hostowanego serwera MCP. Ca\u0142a logika oraz dane s\u0105 dostarczane jako cz\u0119\u015b\u0107 zale\u017cno\u015bci projektu. AI korzysta z lokalnie uruchomionej instancji MCP, kt\u00f3ra odczytuje pliki i zasoby zainstalowane w konkretnej wersji biblioteki. To upraszcza architektur\u0119 i ogranicza koszty infrastrukturalne, poniewa\u017c nie ma osobnego \u015brodowiska serwerowego ani po\u015brednicz\u0105cej warstwy API.<\/p>\n\n\n\n<p>Brak centralnego hostingu oznacza brak koszt\u00f3w skalowania, utrzymania serwer\u00f3w oraz obs\u0142ugi ruchu API \u2013 komunikacja odbywa si\u0119 lokalnie w kontek\u015bcie projektu.<\/p>\n\n\n\n<p><strong>Czy MCP to lek na ca\u0142e z\u0142o? Nie.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nie zast\u0105pi dobrze przemy\u015blanej dokumentacji.<\/li>\n\n\n\n<li>Nie uratuje tragicznie zaprojektowanego API.<\/li>\n<\/ul>\n\n\n\n<p>Ale fenomenalnie rozwi\u0105zuje problem dostarczania kontekstu. MCP to po prostu kolejna ewolucja dokumentacji. Kiedy\u015b pisali\u015bmy j\u0105 tylko dla ludzi. P\u00f3\u017aniej modele AI pr\u00f3bowa\u0142y j\u0105 czyta\u0107 przez rami\u0119. Dzisiaj, dzi\u0119ki ustrukturyzowanym protoko\u0142om, oba \u015bwiaty mog\u0105 w ko\u0144cu optymalnie korzysta\u0107 z tego samego \u017ar\u00f3d\u0142a prawdy.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;35100&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;2&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;5\\\/5&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w&quot;,&quot;width&quot;:&quot;159&quot;,&quot;_legend&quot;:&quot;{score}\\\/5&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 159px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 2px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            5\/5    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>AI bardzo szybko sta\u0142o si\u0119 pe\u0142noprawnym cz\u0142onkiem naszego zespo\u0142u. Pisze kod, tworzy testy, refaktoryzuje komponenty i coraz cz\u0119\u015bciej jest pierwszym &hellip; <a class=\"continued-btn\" href=\"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/\">Continued<\/a><\/p>\n","protected":false},"author":834,"featured_media":35101,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"footnotes":""},"categories":[1316],"tags":[2427,1512,682,362,1032,930],"class_list":["post-35100","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development-na-miekko","tag-digital","tag-poradnik","tag-artificial-intelligence","tag-biblioteka","tag-case-study","tag-e-commerce"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Mateusz Dmitrowski\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"pl_PL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"blogersii\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w\" \/>\n\t\t<meta property=\"og:description\" content=\"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"733\" \/>\n\t\t<meta property=\"og:image:height\" content=\"456\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-11-10T10:30:28+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-11-10T10:31:08+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Sii.Polska\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#article\",\"name\":\"Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\",\"description\":\"Sk\\u0105d model ma wiedzie\\u0107, jak wygl\\u0105da nasza architektura i jak poprawnie u\\u017cywa\\u0107 naszych wewn\\u0119trznych, specyficznych rozwi\\u0105za\\u0144? Przyjrzymy si\\u0119 temu bli\\u017cej\",\"inLanguage\":\"pl-PL\",\"headline\":\"Od Storybooka do MCP. Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\",\"author\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/author\\\/mdmitrowski\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/#organization\"},\"datePublished\":\"2026-11-10T10:30:28+01:00\",\"dateModified\":\"2026-11-10T10:31:08+01:00\",\"articleSection\":\"Development na mi\\u0119kko, Digital, Poradnik, Artificial Intelligence, Biblioteka, Case Study, E-commerce\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#webpage\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sii.pl\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/Idea.jpg\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#articleImage\",\"width\":733,\"height\":456,\"caption\":\"Od Storybooka do MCP. Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sii.pl\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/development-na-miekko\\\/#listItem\",\"name\":\"Development na mi\\u0119kko\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/development-na-miekko\\\/#listItem\",\"position\":2,\"name\":\"Development na mi\\u0119kko\",\"item\":\"https:\\\/\\\/sii.pl\\\/blog\\\/development-na-miekko\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#listItem\",\"name\":\"Od Storybooka do MCP. Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#listItem\",\"position\":3,\"name\":\"Od Storybooka do MCP. Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/development-na-miekko\\\/#listItem\",\"name\":\"Development na mi\\u0119kko\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sii.pl\\\/#organization\",\"name\":\"Sii Polska\",\"url\":\"https:\\\/\\\/sii.pl\\\/blog\\\/\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/siipolska\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@siipolska\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCQ3UQ7RJPEYnAWC_rPE5Dxg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/sii-polska\",\"https:\\\/\\\/clutch.co\\\/profile\\\/sii-poland\",\"https:\\\/\\\/www.crunchbase.com\\\/organization\\\/sii\",\"https:\\\/\\\/www.wikidata.org\\\/wiki\\\/Q16601096\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#webpage\",\"url\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/\",\"name\":\"Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\",\"description\":\"Sk\\u0105d model ma wiedzie\\u0107, jak wygl\\u0105da nasza architektura i jak poprawnie u\\u017cywa\\u0107 naszych wewn\\u0119trznych, specyficznych rozwi\\u0105za\\u0144? Przyjrzymy si\\u0119 temu bli\\u017cej\",\"inLanguage\":\"pl-PL\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#breadcrumblist\"},\"author\":\"https:\\\/\\\/sii.pl\\\/blog\\\/author\\\/mdmitrowski\\\/#author\",\"creator\":\"https:\\\/\\\/sii.pl\\\/blog\\\/author\\\/mdmitrowski\\\/#author\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sii.pl\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/Idea.jpg\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#mainImage\",\"width\":733,\"height\":456,\"caption\":\"Od Storybooka do MCP. Jak uporz\\u0105dkowali\\u015bmy wsp\\u00f3\\u0142prac\\u0119 AI z bibliotek\\u0105 komponent\\u00f3w\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\\\/#mainImage\"},\"datePublished\":\"2026-11-10T10:30:28+01:00\",\"dateModified\":\"2026-11-10T10:31:08+01:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sii.pl\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/sii.pl\\\/blog\\\/\",\"name\":\"blogersii\",\"description\":\"Blog technologiczny Sii \\u2013 praktyczna wiedza od ekspert\\u00f3w\",\"inLanguage\":\"pl-PL\",\"publisher\":{\"@id\":\"https:\\\/\\\/sii.pl\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","description":"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej","canonical_url":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#article","name":"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","description":"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej","inLanguage":"pl-PL","headline":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","author":{"@id":"https:\/\/sii.pl\/blog\/author\/mdmitrowski\/#author"},"publisher":{"@id":"https:\/\/sii.pl\/#organization"},"datePublished":"2026-11-10T10:30:28+01:00","dateModified":"2026-11-10T10:31:08+01:00","articleSection":"Development na mi\u0119kko, Digital, Poradnik, Artificial Intelligence, Biblioteka, Case Study, E-commerce","mainEntityOfPage":{"@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#webpage"},"isPartOf":{"@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#webpage"},"image":{"@type":"ImageObject","url":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#articleImage","width":733,"height":456,"caption":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w"}},{"@type":"BreadcrumbList","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog#listItem","position":1,"name":"Home","item":"https:\/\/sii.pl\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog\/development-na-miekko\/#listItem","name":"Development na mi\u0119kko"}},{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog\/development-na-miekko\/#listItem","position":2,"name":"Development na mi\u0119kko","item":"https:\/\/sii.pl\/blog\/development-na-miekko\/","nextItem":{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#listItem","name":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w"},"previousItem":{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#listItem","position":3,"name":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","previousItem":{"@type":"ListItem","@id":"https:\/\/sii.pl\/blog\/development-na-miekko\/#listItem","name":"Development na mi\u0119kko"}}]},{"@type":"Organization","@id":"https:\/\/sii.pl\/#organization","name":"Sii Polska","url":"https:\/\/sii.pl\/blog\/","sameAs":["https:\/\/www.instagram.com\/siipolska\/","https:\/\/www.tiktok.com\/@siipolska","https:\/\/www.youtube.com\/channel\/UCQ3UQ7RJPEYnAWC_rPE5Dxg","https:\/\/www.linkedin.com\/company\/sii-polska","https:\/\/clutch.co\/profile\/sii-poland","https:\/\/www.crunchbase.com\/organization\/sii","https:\/\/www.wikidata.org\/wiki\/Q16601096"]},{"@type":"WebPage","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#webpage","url":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/","name":"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","description":"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej","inLanguage":"pl-PL","isPartOf":{"@id":"https:\/\/sii.pl\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#breadcrumblist"},"author":"https:\/\/sii.pl\/blog\/author\/mdmitrowski\/#author","creator":"https:\/\/sii.pl\/blog\/author\/mdmitrowski\/#author","image":{"@type":"ImageObject","url":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg","@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#mainImage","width":733,"height":456,"caption":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w"},"primaryImageOfPage":{"@id":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/#mainImage"},"datePublished":"2026-11-10T10:30:28+01:00","dateModified":"2026-11-10T10:31:08+01:00"},{"@type":"WebSite","@id":"https:\/\/sii.pl\/blog\/#website","url":"https:\/\/sii.pl\/blog\/","name":"blogersii","description":"Blog technologiczny Sii \u2013 praktyczna wiedza od ekspert\u00f3w","inLanguage":"pl-PL","publisher":{"@id":"https:\/\/sii.pl\/#organization"}}]},"og:locale":"pl_PL","og:site_name":"blogersii","og:type":"article","og:title":"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","og:description":"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej","og:url":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/","og:image":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg","og:image:secure_url":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg","og:image:width":733,"og:image:height":456,"article:published_time":"2026-11-10T10:30:28+00:00","article:modified_time":"2026-11-10T10:31:08+00:00","article:publisher":"https:\/\/www.facebook.com\/Sii.Polska","twitter:card":"summary","twitter:title":"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","twitter:description":"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej","twitter:image":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg"},"aioseo_meta_data":{"post_id":"35100","title":"Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","description":"Sk\u0105d model ma wiedzie\u0107, jak wygl\u0105da nasza architektura i jak poprawnie u\u017cywa\u0107 naszych wewn\u0119trznych, specyficznych rozwi\u0105za\u0144? Przyjrzymy si\u0119 temu bli\u017cej","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"created":"2026-11-10 09:49:22","updated":"2026-11-10 11:07:04","ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/sii.pl\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/sii.pl\/blog\/development-na-miekko\/\" title=\"Development na mi\u0119kko\">Development na mi\u0119kko<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tOd Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/sii.pl\/blog"},{"label":"Development na mi\u0119kko","link":"https:\/\/sii.pl\/blog\/development-na-miekko\/"},{"label":"Od Storybooka do MCP. Jak uporz\u0105dkowali\u015bmy wsp\u00f3\u0142prac\u0119 AI z bibliotek\u0105 komponent\u00f3w","link":"https:\/\/sii.pl\/blog\/od-storybooka-do-mcp-jak-uporzadkowalismy-wspolprace-ai-z-biblioteka-komponentow\/"}],"republish_history":[],"featured_media_url":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2026\/11\/Idea.jpg","category_names":["Development na mi\u0119kko"],"_links":{"self":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts\/35100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/users\/834"}],"replies":[{"embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/comments?post=35100"}],"version-history":[{"count":1,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts\/35100\/revisions"}],"predecessor-version":[{"id":35103,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts\/35100\/revisions\/35103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/media\/35101"}],"wp:attachment":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/media?parent=35100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/categories?post=35100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/tags?post=35100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}