Dizainua kodea da
Nola birmoldatuko duen automata zelularren logikak diseinu-sistema agentikoak, eta zergatik izan daitekeen web-garapenaren etorkizuna dagoeneko arau sinpleetan idatzita
Eraldaketa sakona ari da gertatzen diseinu-sistemen, adimen artifizialaren eta teoria konputazionalaren gurutzagunean. Aldaketa hain da funtsezkoa, non zalantzan jartzen baitu zer esan nahi duen "diseinuak" agente autonomoen garaian.
Hamarkadatan, diseinua eta kodea diziplina bereiztutzat hartu ditugu: diseinua giza sormenaren eta irizpide estetikoaren eremu, kodea ideia horiek exekutagarri bihurtzen dituen itzulpen mekanikoa. Baina AA agenteek gero eta gehiago muntatzen dituztenez erabiltzaile-interfazeak modu autonomoan, diseinu-sistemak makinek irakur ditzaketen azpiegitura gisa kontsumitzen dituztenez eta token semantikoetatik kodea sortzen dutenez, teoria konputazionaleko ideia askoz zaharrago baten oihartzuna duen bateratze-puntu batera hurbiltzen ari gara.
Zein ideia? Dizainua kodea da.
Ez da esaldi erakargarri hutsa. Aitorpena da: agian automata zelularrak bezala jokatzen duten diseinu-sistemen mundu batera goazela, non arau sinpleek portaera konplexu eta emergenteak sortzen dituzten. Zerbait "diseinatzearen" eta "programatzearen" arteko muga erabat desagertzen den mundu batera. Agente autonomoek diseinu-sistemak ez erabiltzeaz gain, diseinu-sistemak diren mundu batera, martxan.
Konbergentziaren unea
2025eko abenduaren 11n, Brad Frostek (Atomic Design-en sortzailea) eta Dominic Nguyenek (Chromatic-eko sortzailekideak) zuzeneko saio bat egin zuten gai honi buruz: "Agentic Design Systems in 2026". Mezua argia zen: AA agenteek dagoeneko giza taldeek erabiltzen dituzten osagai berberekin muntatzen dituzte interfazeak. Diseinu-sistemek makinek irakur dezaketen azpiegitura bihurtu behar dute, bestela iraganeko garai bateko objektu zahar bihurtzeko arriskua dute.
Storybook taldeak iragarri bezala: "AA diseinu-sistemak dokumentatuta dauden bezala erabiltzen hasi da. Adibideetan, egoeretan eta murrizketetan dauden hutsuneek aurreikusezina den interfaze-emaitza eragiten dute zuzenean."
Blog-sarrera honek automata zelularren, portaera emergentearen eta diseinu-sistema agentikoen etorkizunaren arteko lotura sakonak aztertzen ditu. Oinarri teorikoak jarraituko ditugu, von Neumannen auto-erreplikatzen diren makinetatik hasi eta gaur egungo AA agente-multzoetaraino.
Aztertuko dugu nola ari diren Drupal eta CMS plataforma modernoak AA integratzen Schema.org Blueprints eta Drupal AI bezalako moduluen bidez. Eta hausnartuko dugu zer esan nahi duen horrek guztiak diseinatzaileentzat, garatzaileentzat eta produktu digitalak sortzearen etorkizunerako.
Automata zelularrak eta emergentziaren logika
Arau sinpleen edertasuna
1970ean, John Conway matematikariak Bizitzaren Jokoa aurkeztu zuen: "zero jokalariko jokoa", teoria konputazionalean gehien aztertu den sistemetako bat bihurtuko zena. Arauak harrigarriro sinpleak dira:
- Bi bizilagun bizi baino gutxiago dituen zelula bizi orok hil egiten da (biztanleria-gabezia)
- Bi edo hiru bizilagun bizi dituen zelula bizi orok bizirik jarraitzen du
- Hiru bizilagun bizi baino gehiago dituen zelula bizi orok hil egiten da (gainpopulazioa)
- Hiru bizilagun bizi zehatz-mehatz dituen zelula hil orok bizirik pizten da (ugalketa)
Lau arau horietatik-baldintza bitar gutxi batzuetan adierazita-konplexutasunaren unibertso txundigarri bat sortzen da. Glider-ek sare infinituak zeharkatzen dituzte. Oszilatzaileek erritmo betierekoan pultsatzen dute. Kanoiek eredu-jarioak jaurtitzen dituzte espazio zelularrean zehar. Eta harrigarriena, Bizitzaren Jokoa Turing-osoa dela frogatu da: algoritmikoki kalkula daitekeen guztia, printzipioz, Conwayren sare sinple horren barruan kalkula daiteke.

1. irudia: Gosperren planeatzaile-kanoia Conwayren Bizitzaren Jokoan. Eredu honek planeatzaileen jario jarraitua sortzen du, eta erakusten du arau sinpleek nola sor dezaketen konplexutasun amaigabea eta bere burua mantentzen duena.
Hau da automata zelularren lehen ikasgaia: portaera konplexua izateko ez da beharrezkoa sistema konplexua izatea. Arau sinpleek, substratu osoan modu koherentean aplikatuta, inork esplizituki programatu ez dituen patroiak eta portaerak sor ditzakete.
Bideo funtsezkoa: Sarrera automata zelularretara
Automata zelularren sarrera, Conwayren Bizitzaren Jokoa eta Langtonen begizta autoerreplikatzaileak barne
Bideo honek hainbat animazio erakusten ditu, tartean azkenean gertatuko litzatekeen autosuntsiketa, Langtonen begiztei toro handi batean errepikatzen uzten bazaie (sareta horren ertz kontrajarriak elkartuta daude).
Bideoko baliabide osagarriak:
Langtonen begiztak eta autoerreplikazioa
1984an, Christopher Langtonek printzipio hori urrunago eraman zuen bere begizta autoerreplikatzaileekin: benetako bizitza artifizialaren printzipioak erakutsi zituen automata zelular bat. Conwayren Bizitzaren Jokoak sortzen den konplexutasuna erakusten duen bitartean, Langtonen begizten kasuan sortzen dena da ugalketa.
Begizta bakoitzak muga ziklikoz osatutako eremu bat du, eta barruan zelulen egoeretan kodetutako "genoma" bat. Genoma hori etengabe zirkulatzen du begiztan zehar, eta eraikuntza-besoan barrena kanporantz doa; beso horrek alaba-begizta bat eraikitzen du 151 denbora-urratsetan. Amaitzen denean, alaba gurasoarengandik bereizten da, eta biek ugaltzen jarraitzen dute.
2. irudia: Langtonen begizta bere hasierako konfigurazioan. Informazio genetikoa begiztan zehar zirkulatzen da, eta luzatzen den besoaren bidez alaba-begizten eraikuntza gidatzen du.
"Automata zelular baten barruan auto-ugalketa egiteko gai den makina bat posible bada, orduan bizitza bera makinen bidez lor daiteke."
- Christopher Langton, "Studying Artificial Life with Cellular Automata" (1986)
Ondorioak sakonak dira. Langtonen begizten bidez ikusten da autoerreplikazioak ez duela behar zelula biologikoen konplexutasunik, ezta von Neumannen jatorrizko diseinuaren eraikuntza unibertsalerako gaitasunik ere. Hau bakarrik behar du:
- Arau sinple eta lokal multzo bat
- Jarraibideak kodetzeko mekanismo bat
- Jarraibide horiek exekutatzeko prozesu bat
Arauak dira organismoa. Diseinua da kodea.
1999an, Hiroki Sayamak evoloopak aurkeztu zituen: egitura-disolbagarritasuna eta fenotipo-elkarrekintzak barne hartzen dituzten aldaerak, mutazio espontaneoak eta dinamika ebolutiboak ahalbidetzen dituztenak. Begizta hauek ugalketan zeharreko talka fisiko zuzenen bidez eboluzionatzen dute, eta genotipo-aldaerak, aniztasun morfologiko handiagoa eta belaunaldiz belaunaldiko konplexutasun-hazkundea eragiten dituzte. Langtonen ugalketa finkoak ez bezala, evoloop-ek kanpoko esku-hartzerik gabeko mutazio heredagarriak erakusten dituzte.
110. araua eta konputazio unibertsala
Stephen Wolframek automata zelular elementalak aztertzean aurkikuntza harrigarri batera iritsi zen: 110. araua, dimentsio bakarreko automata zelularren mota sinpleenerako dauden 256 arau posibleen artean bat, konputazio unibertsalerako gai da.
110. araua osorik zehaztu daiteke, gelaxka baten eta bere bi auzokideen zortzi konbinazio posibleetako bakoitzaren emaitza emanda. Hala ere, arau erabat soil honek —zortzi erabaki bitar— Turing makina unibertsal bat simula dezake.
3. irudia: 110. arauaren automata zelularra. Definizio soila izan arren, 110. arauak 4. klaseko portaera erakusten du —ez erabat egonkorrak ez erabat kaotikoak diren eredu konplexuak— eta Turing-osoa dela frogatu da.
"Ez da ordenagailu oso baten CPU bezalako ezer behar konputazio unibertsala egiteko. Arau txiki hau bakarrik behar da."
- Stephen Wolfram, "A New Kind of Science"
2004an, Matthew Cookek 110. araua, atzealde errepikakor jakin batekin, Turing-osoa dela frogatzen duen froga argitaratu zuen. Frogak erakusten du 110. arauak etiketa-sistema ziklikoak emula ditzakeela, eta hauek, aldi berean, edozein Turing makina emula dezaketela. Existitzen diren 88 automata zelular elemental bakarretatik, 110. araua da Turing-osotasuna zuzenean frogatu zaien bakarra.
Baliokidetasun Konputazionalaren Printzipioak Wolframek proposatutakoak are erradikalagoa den zerbait iradokitzen du: konplexutasun-atalase minimo baten gainetik dauden sistemek funtsean baliokideak dira beren gaitasun konputazionaletan. Giza garun bat, eguraldi-sistema bat eta 110. araua, zentzu sakon batean, konputazionalki baliokideak dira.
Wolframen lau automata zelular klaseak
- 1. klasea: Eboluzioak egoera homogeneo batera darama
- 2. klasea: Eboluzioak egitura periodiko bananduetara darama
- 3. klasea: Eboluzioak eredu kaotiko eta aleatorioetara darama
- 4. klasea: Eboluzioak egitura lokalizatuak dituzten eredu konplexuetara darama —konputazio unibertsala egiteko gai dira
110. arauak 4. klaseko portaera erakusten du, Wolframek "kaosaren ertzean" kokatzen dela deskribatzen duena —arau soilek ahalmen konputazional handiena sortzen duten muga kritikoa.
0E0P metazelula: benetako auto-erreplikazioa
2018ko urrian, Adam P. Goucherrek amaitu zuen 0E0P metazelularen eraikuntza —Conwayren Bizitzaren Jokoan benetako auto-erreplikazioa egiteko gai den eredu bat. Aurreko metazelulek ondoan aurretik existitzen ziren kopiak behar zituzten; 0E0P metazelulak, ordea, bere buruaren kopiak hutsetik eraiki ditzake, bere jarraibide-zinta barne.
Lorpen honek mugarri bat markatzen du bizitza artifizialean: toki-arauak soilik erabiliz substratu konputazional baten bidez bere burua hedatzeko gai den sistema bat. 2013ko azaroaren 23an, Dave Greenek Bizitzaren Jokoko lehen erreplikatzailea eraiki zuen, bere buruaren kopia osoa sortzen duena, jarraibide-zinta barne —honek erakusten du Conwayren bi egoerako automata soilak ere muga gabeko auto-ugalketa onar dezakeela.
Ikertu gehiago: automata zelularren bideoak
Bilatu automata zelularren eduki liluragarri gehiago:
▶️ YouTube bilaketa: "cellular automata the design is the code"
Diseinu-sistemak substratu konputazional gisa
Diseinu atomikotik diseinu agentikora
Brad Frosten 2013an aurkeztutako Atomic Design metodologiak iraultza ekarri zuen diseinu-sistemei buruz pentsatzeko moduan. Interfazeak atomotan (botoiak eta sarrerak bezalako oinarrizko elementuak), molekuletan (konbinazio soilak), organismoetan (UI atal konplexuak), txantiloietan (orrialde-diseinuak) eta orrialdeetan (azken inplementazioak) zatituz, Atomic Design-ek egitura hierarkiko bat eskaini zuen konplexutasuna kudeatzeko.
Baina hona hemen atzera begiratuta zer nabarmena den: Atomic Design-ek automata zelularren printzipioak jada gorpuzten zituen argi eta garbi aitortu gabe.
| Automata zelularren printzipioa | Atomic Design-eko baliokidea |
|---|---|
| Toki-arauak | Osagai-mailako bakoitzak arauak ditu beste mailekin nola konbina daitekeen zehazteko |
| Emergentzia | Orri konplexuak elementu sinpleagoen konbinazioetatik sortzen dira |
| Erreproduzigarritasuna | Atomo berdinek, arau berdinen arabera konbinatuta, emaitza koherenteak ematen dituzte |
| Eskalagarritasuna | Sistema kontrol zentralizaturik gabe eskalatzen da: osagai bakoitzak bere portaera "ezagutzen" du |
| Autoantolaketa | Diseinu-tokenek aldaketak sistema osoan zehar automatikoki hedatzen dituzte |
"Diseinu-sistema aspergarria denean, diseinatzaileak eta garatzaileak aske uzten ditu gauza berriak egiteko, arazo berriak konpontzeko. Diseinu-sistemak aspergarriaren zama hartzen du bere gain, diseinatzaileek eta garatzaileek hura eraman beharrik izan ez dezaten."
- Josh Clark, "The Most Exciting Design Systems Are Boring"
2023ko otsailean, Brad Frostek "Design Systems in the Time of AI" idatzi zuen:
"AA diseinu-sistemen kontsumitzaile naturala da... Egia esan, diseinu-sistemen osagaien lan askok mekanikoa eta aurreikusgarria da benetan. Dagoeneko PlopJS bezalako tresnak erabiltzen ditugu liburutegiaren gainerakoaren formari egokitzen zaion osagai-oinarri bat sortzeko. Pozik hartuko nuke AAren laguntza ohiko oinarrizko gauza horietako asko sortzeko."
- Brad Frost
Diseinu-sistemen izaera mekaniko eta aurreikusgarria da, hain zuzen, automata zelularren estiloko funtzionamendurako egokiak egiten dituena. Arauak argiak, lokalak eta etengabe aplikatuak direnean, agenteek modu autonomoan jardun dezakete, Conwayren Bizitzaren Jokoko zelulek kontrolatzaile zentralik behar ez duten bezala planeatzaileak eta oszilatzaileak sortzeko.
Makinak irakurtzeko beharra
Storybook MCP (Model Context Protocol) ekimenak norabide horretako eboluzio erabakigarria dakar. 2025eko amaieran iragarrita, Storybook MCP-k makinek irakur ditzaketen osagai-metadatuak eskaintzen dizkie kodetze-agente adimendunei, lehendik dauden Storybook konfigurazioetatik abiatuta.
Funtsezko ideia da agenteek ez dutela kode gordinik edo dokumentazio bisualik behar. Hauek behar dituzte:
- Osagai-manifestuak: Osagai guztien metadatu egituratuak: propsak, aldaerak, diseinu-tokenen lotura eta erabilera-adibideak
- Izendapen semantikoa: Asmoz betetako tokenak, honelakoak:
action.primary.confirm, balioak ez ezik, esanahia ere agenteei helarazten dietenak - Balidazio-begiztak: Probak exekutatzeko, hutsegiteak ikusteko eta norberaren akatsak zuzentzeko gaitasuna
"Storybook MCP-k agenteei zure patroiak jarraitzen eta zure probak gainditzen laguntzen die. Inoiz izan ez dituzten bi gauza ematen dizkie: makinek irakur ditzaketen osagai-metadatuak eta akatsak bere kabuz sendatzeko begizta iteratiboa."
Storybook MCP-k zuzenketa-begizta autonomo bat dakar. Agenteek zure osagaien probak (elkarrekintzakoak eta irisgarritasunekoak) exekutatzen dituzte, zerk huts egiten duen ikusten dute eta beren akatsak konpontzen dituzte. Garatzaileak probak gainditu ondoren sartu behar du bakarrik. Ez dago prompt-zaintzarik egin beharrik.
Hau da, hain zuzen, diseinuari aplikatutako automata zelular baten arkitektura: arau lokalak (osagaien espezifikazioak), auzokideen arteko elkarrekintzak (konposizio-patroiak) eta eguneratze iteratiboak (balidazioa eta autozuzenketa).
Nire osagai-manifestua genoma gisa
Langton-en Begiztekiko alderaketa are egokiagoa da osagai-manifestuek nola funtzionatzen duten kontuan hartzen dugunean. Langton-en sisteman, zelula zirkulatzaileetan kodetutako "genomak" begizta berri bat eraikitzeko jarraibideak ditu. Makinek irakur dezaketen diseinu-sistema batean, osagai-manifestuak interfazeak muntatzeko jarraibideak ditu.
Osagai-manifestu batek hau zehatz lezake:
{
"name": "Button",
"variants": ["primary", "secondary", "destructive"],
"sizes": ["sm", "md", "lg"],
"props": {
"label": "string",
"disabled": "boolean",
"onClick": "function"
},
"tokens": {
"background": "color.action.primary",
"borderRadius": "radius.md",
"padding": "space.3"
},
"constraints": [
"Must have accessible contrast ratio",
"Label required for non-icon buttons",
"Minimum touch target 44x44px"
],
"examples": [
{ "variant": "primary", "label": "Submit", "size": "md" },
{ "variant": "destructive", "label": "Delete", "size": "sm" }
]
}Manifesto hau aldi berean diseinu-espezifikazio bat eta kode exekutagarria da, edo hobeto esanda, kode exekutagarria sortzeko balio duten jarraibideak. Manifestua kontsumitzen duen agenteak ez du estetika edo erabiltzaile-esperientzia giza zentzuan ulertu beharrik. Arauak jarraitu behar ditu, elementuak haien murrizketen arabera konbinatu, eta irteera baliagarriak sortu.
Brad Frostekin ados nago yaml formatua izateari buruz.
Drupal Components yaml formatua erabiltzen ari dira. Honelako zerbait
$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json
name: Button
status: experimental
description: Use Bootstrap custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
props:
type: object
properties:
html_tag:
type: string
title: The HTML tag to use for the button (button | a). Defaults to `button`.
default: button
enum:
- button
- a
url:
type: string
title: URL Link
description: URL link for the button when the HTML tag is an anchor link.
$ref: "ui-patterns://url"
color:
type: string
title: Color
description: Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
default: ''
enum:
- ''
- primary
- secondary
- success
- danger
- warning
- info
- dark
- light
- link
outline:
type: boolean
title: Outline
description: In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.
default: false
size:
type: string
title: Size
description: Bootstrap button size
default: ''
enum:
- ''
- btn-sm
- btn-lg
disabled:
type: boolean
title: Disabled
description: Disabled button
default: false
button_utility_classes:
type: array
title: Utility Classes
default: []
items:
type: 'string'
description: An array of utility classes that can be used to add extra Bootstrap utility classes or custom classes to this component.
attributes:
type: object
title: Attributes
description: HTML attributes for the containing element.
$ref: 'ui-patterns://attributes'
slots:
content:
type: string
title: Content
description: The content for the button
minLength: 1
examples:
- Press
- Submit now
- Save
- Login
- Read more
Diseinua da kodea.
- Aldaerak
- Tokenak
- Propietateak
Murrizketak (osagaietara gehitu genitzake)
Slot-en arauak (zer jar daiteke beste slot batzuetan, edo zer jar daiteke nire slot-ean)
Arauak
Adibideak
Animazioak ( Erabiltzeko baimenduta edo gidatuta )
Gero behatu eta esperimentatu portaerarekin.
hemen bezala: https://storybook.demo.varbase.vardot.com/?path=/story/atoms-button--primary
Diseinu-tokenak ingurune-aldagai gisa
Diseinu-tokenak puzzlearen beste pieza erabaki bat dira. Automata zelularretan, zelulek beren berehalako inguruneari erantzuten diote: auzoko zelulen egoerei. Diseinu-sistemetan, osagaiek diseinu-tokenei erantzuten diete: itxura eta portaera zehazten duten balio kontextualei.
Token-arkitektura modernoek hainbat geruza erabiltzen dituzte:
- Oinarrizko tokenak: Balio gordinak, hala nola
color.blue.500: #3B82F6 - Token semantikoak: Asmoak gidatutako erreferentziak, hala nola
color.action.primary: color.blue.500 - Osagai-tokenak: Esparru jakin batera mugatutako aplikazioak, hala nola
button.background.primary: color.action.primary
Agente batek Button osagai bat sortzen duenean, ez du jakin beharrik "primary" urdina dela. Nahikoa du erreferentzia egitea honi: button.background.primary eta token-sistemak balio zuzenera ebatziko duela fidatzea. Inguruneak (token-geruzak) informazioa dauka; osagaiak (zelulak) horri erantzutea besterik ez du behar.
Honelako tresnek: Tokens Studio diseinu-tokenak ebazle dituzten grafo konputazionaltzat tratatzeko eboluzionatu dute: testuinguruaren arabera zein oinarrizko token erabili erabaki semantikoak hartzen dituzten nodoak. Horrek diseinu-tokenak balio estatikoetatik sistema dinamiko eta arauetan oinarrituetara bihurtzen ditu.
Drupal ekosistema eta AA integrazioa
AA edukiak kudeatzeko sistemetan integratzea laborategi bikaina da "diseinua kodea da" printzipioak aztertzeko. Drupal bezalako CMSek jada barneratuta dituzte oinarrizko kontzeptuak: eduki-mota egituratuak, eremuen definizioak, erlazioak eta konposizio-arauak.
Inoiz ez nuen pentsatu horrelako zerbait esan genezakeenik. Niretzat hau goren mailako teknologia zen.
Izan dezakegun ordenagailu-multzorik onena. Etorkizuneko Star Trek-etik etor litezkeen garatzaile batzuk, ordenagailuari hitz egiten diotenak beraientzat programa dezan.
Agent Experience (AX) eta erabiltzaile berria
Makinentzat diseinatzen
2025 hasieran, Mathias Biilmannek, Netlifyko zuzendari nagusiak, honako kontzeptua aurkeztu zuen: "Agent Experience" (AX), AA agenteek produktu eta plataformekin nola elkarreragiten duten aztertzen duen diziplina berria.
Aldaketa funtsezkoa da. Hamarkadetan, UXek (User Experience) giza kognizioa, pertzepzioa eta portaera optimizatu ditu. DXek (Developer Experience) softwarea eraikitzen duten garatzaileak optimizatu ditu. AXk onartzen du agenteak sistema digitalen erabiltzaile nagusi bilakatzen ari direla, eta behar guztiz desberdinak dituztela:
- Ez zaie axola itxura estetikoa; datu egituratu eta analizagarriak soilik behar dituzte
- Ez dute interfazeetan nabigatzen; API-ei deitzen diete eta manifestuak kontsumitzen dituzte
- Ez dute dokumentazioa gizakiek bezala irakurtzen; makinek irakur dezaketen testuingurua behar dute
- Ez dituzte iritzi subjektiboak hartzen; arauak eta murrizketak jarraitzen dituzte
"AI agenteak ez dira pertsonak: ez zaie axola botoi baten tamaina, tipografiaren irakurgarritasuna, zure webgunearen kolore-paleta ederra edo zure aplikazioaren animazio liluragarriak. Orduan, zerk axola die AI agenteei? Galdera honek gaur egun ez du erantzun zehatzik, baina datozen urteetan gero eta garrantzitsuagoa izango da."
- AX ikerketa
Erantzuna: arau argiak, jokabide aurreikusgarriak, ongi egituratutako datuak eta beren ekintzak egiaztatzeko eta zuzentzeko aukera ematen dien feedback-begiztak.
Interfaze bikoitzaren erronka
AXrako diseinatzeak aldi berean bi interfaze eraikitzea esan nahi du:
- Gizakiaren eta agentearen arteko interfazea: Gizakiek agentearen jokabidea gainbegiratzen, onartzen, editatzen eta gidatzen duten geruza, hau da, "misioen kontrol-gela". Pentsa ezazu aginte-paneletan eta onarpen-ilaretan, ez inprimakietan eta botoietan.
- Agentearen eta sistemaren arteko interfazea: Agenteek APIekin, datu-baseekin eta tresnekin elkarreragiten duten geruza, hau da, geruza "operatiboa". Sendoa, ongi dokumentatua eta makinaren eraginkortasunerako optimizatua izan behar da.
Honek automata zelularren arkitektura islatzen du, non bi ikuspegi bereizi bizi diren elkarrekin:
- Ikuspegi lokala: Zelula bakoitzak (agenteak) bere ondoko zelulen araberako arau sinpleei jarraitzen die
- Ikuspegi globala: Eredu konplexuak sortzen dira, eta eskala handian bakarrik ikusten dira
"Agenteen esperientziaren diseinuak (AX) agenteentzako eta agenteen erabilgarritasun bikaina lortu behar du. Beraz, AX bikainak erabiltzaile-esperientzia (UX) bikaina dakar. AA agenteak prozesu hautsi bat, protokolo bat edo sistemen artean hitzen inkoherentzia bat ere topatzen badu, ezin du zeregin hori bete. Hori esperientzia txarra da agentearentzat, eta, aldi berean, bezero edo langilearen esperientzia txarra dakar."
- Kat Holmes, Chief Experience Officer, Salesforce
UXtik AXra: diseinu digitalaren bilakaera
| UX (giza erabiltzaileak) | DX (garatzaileak) | AX (AA agenteak) |
|---|---|---|
| Interfaze bisualak | API eta SDKak | Makinak irakur ditzakeen manifestuak |
| Konexio emozionala | Dokumentazioa | Testuinguru egituratua |
| Nabigazio-fluxuak | Kode-adibideak | Tresnen definizioak |
| Irisgarritasuna | Tipo-segurtasuna | Murrizketen zehaztapenak |
| Errore-mezuak | Stack trace-ak | Auto-zuzenketarako feedback-begiztak |
Stigmergia eta zeharkako komunikazioa
Swarm intelligence-eko kontzeptu indartsuenetako bat hau da: stigmergia, hau da, ingurunean utzitako aztarnen bidezko zeharkako koordinazioa. Inurriek ez dute zuzenean komunikatzen janaria non dagoen; beste inurriek jarraitzen dituzten feromona-bideak uzten dituzte. Ingurunea komunikazio-bide bihurtzen da.
Diseinu-sistema agentikoetan, stigmergiak forma hauek hartzen ditu:
- Osagai-liburutegi partekatuak: Agenteek "ikusten" dute zein osagai dauden eta nola erabili diren
- Design token-ak: Diseinu-erabakiak ingurunearen datu gisa kodetzen dituzten balio semantikoak
- Patroien dokumentazioa: Etorkizuneko agenteentzat feromona-bide gisa balio duten erabilera-adibideak
- Test-multzoak: Irteera baliozkoen espazioa mugatzen duten balidazio-arauak
- Git historia: Agenteek erreferentzia gisa erabil ditzaketen iraganeko erabakien erregistroa
Agente batek osagai bat erabiliz UI bat sortzen duenean, aztarnak uzten ditu: kode-basean, dokumentazioan, ezartzen dituen patroietan. Antzeko zereginei aurre egingo dieten etorkizuneko agenteek aztarna horien eragina jasoko dute, eta horrela adimen kolektiboaren forma bat sortuko da, agente bakar batek ere ez duena.
Diseinu-patroi agentikoak
Andrew Ngek eta beste batzuek lau patroi gako identifikatu dituzte AA sistema agentikoetarako:
- Hausnarketa: AAk bere irteera ebaluatzen du eta pixkanaka hobetzen du
- Tresnen erabilera: AAk kanpoko tresnekin, APIekin eta sistemekin elkarreragiten du
- Plangintza:Tekoak zeregin konplexuak azpizeregin bihurtzen ditu eta banan-banan exekutatzen ditu
- Agente anitzekoa: Hainbat agente espezializatuk elkarlanean jarduten dute zeregin konplexuetan
Eredu hauek automata zelularren kontzeptuekin bat datoz zuzenean:
| Eredu agentikoa | Automata zelularren baliokidea |
|---|---|
| Hausnarketa | Zelulek egungo egoeraren ebaluazioaren arabera eguneratzen dute beren burua |
| Tresnen erabilera | Zelulek ingurune-aldagaiekin elkarreragiten dute |
| Planifikazioa | Hainbat belaunalditan zeharreko bilakaera, konfigurazio egonkorretara iristeko |
| Agente anitz | Zelula mota desberdinak, arau espezializatuekin (automata multizelularrak) |
Diseinua kodea da: irakurketa sakonagoa
Zer esan nahi du benetan "diseinua kodea da" esaldiak
"Diseinua kodea da" esaten dugunean, hainbat baieztapen egiten ditugu aldi berean:
1. Baliokidetasun semantikoa
Diseinu-erabakiak, behar bezala kodetuta daudenean, exekutagarri bihurtzen dira. Diseinu-token bat ez da balio bat soilik: jarraibide bat da. Osagai baten espezifikazioa ez da dokumentazioa soilik: programa bat da. Agenteek artefaktu horiek kontsumitzen dituztenean, diseinua inplementatzen ez ezik, exekutatzen ere ari dira.
2. Sortzeko ahalmena
Rule 110-ek kalkulagarria den guztia kalkula dezakeen bezala, diseinu-sistema nahikoa osoak interfaze baliozko guztiak sor ditzake. Sistemak bere adierazpen baliodun guztien potentziala dauka bere baitan. Zer sortuko den hasierako baldintzen (eskakizunak) eta arauen (murrizketak) araberakoa da soilik.
3. Konplexutasun emergentea
Interfazerik sofistikatuenak ez dira goitik behera diseinatzen; arau sinpleen aplikazio koherentetik sortzen dira. Ondo diseinatutako botoi batek, koherentziaz erabiliz gero, hizkuntza bisual koherentea sortzen du, inork koherentzia hori esplizituki planifikatu gabe.
4. Murriztezintasun konputazionala
Diseinu-emaitza batzuk ezin dira aurreikusi sistema benetan exekutatu gabe. Ezin duzu jakin agenteak muntatutako interfaze batek nolakoa izango den agenteari muntatzen utzi gabe. Hori da Wolframen murriztezintasun konputazionalaren printzipioa, diseinuari aplikatuta.
5. Autoaldaketa
Erreplikazioan mutatzen duten evoloop-ak bezala, agenteentzat prest dauden diseinu-sistemak erabileraren bidez bilaka daitezke. Agenteek sortutako osagaiak etorkizuneko agenteek kontsumituko duten liburutegiaren zati bihurtzen dira. Sistemak ikasi, egokitu eta hazi egiten da.
Automata zelularren metafora zabalduta
| Automata zelularrak | Sistema agentikoen diseinua |
|---|---|
| Zelulen sareta | UI elementuen oihala |
| Zelulen egoerak | Osagaien instantziak eta haien propak |
| Auzotasuna | Diseinu-testuingurua eta ondoko osagaiak |
| Eguneratze-arauak | Konposizio-murrizketak eta diseinu-tokenak |
| Belaunaldiak | Errendatze-zikloak eta egoera-eguneratzeak |
| Eredu emergenteak | Interfaze osoak eta erabiltzaile-fluxuak |
| Autoerreplikazioa | Osagai berriak sortzea ahalbidetzen duten osagai-liburutegiak |
| Konputazio unibertsala | UI baliozko edozein adieraz dezaketen diseinu-sistemak |
| Planeatzaileak (mugitzen diren ereduak) | Produktuen artean hedatzen diren eredu berrerabilgarriak |
| Bizitza geldiak (eredu egonkorrak) | Aldatzen ez diren osagai finkatuak |
| Oszilatzaileak | Osagai animatuak, kargatze-egoerak, trantsizioak |
Metaforaz harago: konbergentzia erreala
Baina hau ez da metafora hutsa. Konbergentzia benetakoa da eta orain bertan gertatzen ari da:
- Storybook MCP erabiliz, osagai-liburutegiak agenteek exekutatzen dituzten makinak irakur ditzakeen jarraibide bihurtzen dira
- Model Context Protocol-ek agenteek tresnetara eta testuingurura nola sartzen diren estandarizatzen du, eragiketa agentikoetarako substratu unibertsala sortuz
- Agente anitzeko arkitekturek lana banatzen dute agente espezializatuen artean (arkitektoa, programatzailea, berrikuslea), protokoloen arabera elkarreragiten dutenak, funtzio bereizituak dituzten zelulak bezala
- Auto-sendatze begiztakBaimendu agenteei probak exekutatzeko, akatsak detektatzeko eta iteratzeko: automata zelularrek konfigurazio egonkorrak eboluzionatzeko erabiltzen dituzten feedback-mekanismo berberak
- Schema.org Blueprints edukiaren egiturak makinek irakurgarri eta semantikoki esanguratsu bihurtzen ditu
- Drupal AI IA agenteek edukia modu autonomoan sortu, aldatu eta kudeatzeko behar duten azpiegitura eskaintzen du
Ez dugu "diseinua kodea da" ideia jarrera filosofiko gisa lantzen. Azpiegitura tekniko gisa eraikitzen ari gara.
Ondorioak eta aurrerako bidea
Diseinatzaileentzat
Diseinatzailearen eginkizuna aldatzen ari da: "laukizuzenak sortzen dituenetik" "arauak definitzen dituenera". Brad Frostek ohartarazi zuen bezala:
"Beren lana laukizuzenak sortzea dela uste duten diseinatzaile eta garatzaileek arrazoi asko dute kezkatzeko. Baina beren lana arazoak konpontzea dela uste dutenek —eta, ustekabean, arazo horiek konpontzeko laukizuzen batzuk sortu edo erabili behar dituztenek— askoz gutxiago dute beldur izateko."
- Brad Frost
Etorkizun agentikoan, diseinatzaileek hauek egingo dituzte:
- Token semantikoak eta haien arteko erlazioak definitu
- Konposizio-murrizketak eta patroiak ezarri
- Agenteek bete behar dituzten balidazio-arauak sortu
- Sorkuntza emergentea gobernatzen duten arauak zaindu eta eboluzionatu
- Autozuzenketa ahalbidetzen duten feedback-mekanismoak diseinatu
- Zein irteera diren onargarriak zehazten duten "fitness funtzioak" moldatu
Hau abstrakzio-maila handiago bateko diseinua da: diseinuak berak diseinatu beharrean, diseinuak sortzen dituzten arauak diseinatzea. Automata zelular baten arauak definitzea bezala, zelula bakoitza banan-banan marraztu beharrean.
Garatzaileentzat
Garatzaileak agente-sistemen arkitekto bihurtzen dira. Anthropicek azaltzen duenez:
"Software-garapenaren esparruak potentzial nabarmena erakutsi du LLM funtzioetarako, kode-osatzetik arazoen ebazpen autonomora arteko gaitasunekin."
Garatzaileek hauek egin beharko dituzte:
- Agenteen eta sistemen arteko makinek irakur ditzaketen interfazeak sortu
- Feedback-begiztak eta balidazio-mekanismoak diseinatu
- Portaera emergenteak gertatzeko aldamioa eraiki
- Gizakiaren gainbegiratzea azken epaile gisa mantendu
- Agenteek komunikatzeko erabiliko dituzten protokoloak definitu
- Agente-sistema desberdinak lotzen dituen "glue code" inplementatu
Web-garapenerako eta CMS plataformetarako
IA Drupal bezalako plataformetan integratzeak etorkizun honetara garamatza:
- Eduki-ereduak agenteek kontsumi ditzaketen bihurtzen dira Schema.org bezalako estandarren bidez
- Lan-fluxu editorialak agenteen laguntza jasotzen hasten dira IAk bultzatutako zirriborroekin, moderazioarekin eta optimizazioarekin
- Bilaketa eboluzionatzen da hitz-gakoen arteko parekatzetik ulermen semantikora, embedding-en eta bektore-datu-baseen bidez
- Pertsonalizazioa autonomo bihurtzen da agenteek erabiltzailearen lehentasunak ikasi eta edukia denbora errealean egokituko dutelarik
- Garapena azkartzen da agenteek osagaiak, probak eta dokumentazioa sortzen dituztelako
Drupal ekosistemak IA besarkatu izanak —Drupal AI, Drupal Canvas, Schema.org Blueprints eta IA hornitzaileen integrazioa bezalako moduluen bidez— erakusten du etorkizun hori dagoeneko eraikitzen ari dela.
Erakundeentzat
Lehiakortasun-abantaila diseinu-sistemarik "agenteentzat prestatuena" duten erakundeena izango da. Agenteentzat prest dauden sistemek hauek dituzte:
- Osagaien egoera eta aldaera guztien estaldura osoa
- Asmoa adierazten duen izendapen semantikoa
- Makinek irakur ditzaketen dokumentazioa eta testuingurua
- Balidazio- eta proba-azpiegitura
- Irteera baliozkoen espazioa mugatzen duten murrizketa argiak
- Agenteen kontsumorako diseinatutako APIak (AX-first)
- Schema.org-ean oinarritutako eduki-arkitekturak
Etorkizuneko produktu digitalentzat
Azken egoera ekologia digital baten modukoa da: agente ugari, tokiko arauen arabera jarduten dutenak, eta diseinatzaile edo garatzaile bakar batek ere planifikatu ez dituen interfaze sortzaileak (emergenteak) eragiten dituztenak; hala ere, nolabait koherente gertatzen dira, azpiko arauak sendoak direlako.
Hori ez da ematen duen bezain urrun dagoen ideia. Hala funtzionatzen dute sistema biologikoek, hala hazten dira hiriak, hala ibiltzen dira merkatuak. Galdera ez da egoera horretara iritsiko garen ala ez, baizik eta trantsizioan nola moldatuko garen.
Ondorioa: kodeak bizirik dago
John von Neumannek, automata zelularrak asmatu zituen jakintsu poliedrikoak, funtsezko galdera batek bultzatzen zuen: Zein da autoerreprodukziorako behar den konplexutasun minimoa? Haren erantzunak, von Neumannen eraikitzaile unibertsalak, erakutsi zuen autoerreplikaziorako ez dela makineria biologikorik behar. Nahikoa da beren aplikazioa bera kodetzen duten arauak izatea.
Hirurogeita hamar urte geroago, printzipio bera diseinu-sistemei ere aplikatzen zaiela ari gara aurkitzen. UI autonomoa sortzeko gutxieneko baldintza ez da adimen artifizial orokorra, ezta giza mailako sormena ere. Agenteek exekuta ditzaketen arau-multzo oso, koherente eta makinak irakur dezakeena da.
Langton-en begiztak sare zelular batean zehar errepikatzen direnean, ez dugu esaten begizta horiek begizta berriak "diseinatzen" ari direnik. Erreplikazioa, besterik gabe, arauek sortzen dutena da. Hala ere, emaitza —eredu autoitsusien koloniak, etengabe zabaltzen direnak— zalantzarik gabe sortzailea da, zentzu funtzional batean sormenezkoa.
Adimen artifizialeko agenteek interfazeak diseinu-sistemaren osagaiekin muntatzen dituztenean, token semantikoei eta konposizio-murrizketei jarraituz, antzeko zerbait egiten ari dira. "Sormena" ez dago agenteetan, exekutatzen dituzten arauetan baizik: gizakiek diseinatutako arauak dira, baina orain autonomoki funtzionatzen dute.
Esanahi sakonena
Hau da "diseinua kodea da" esaldiaren esanahirik sakonena: diseinu-zehaztapenak exekutagarri bihurtzen direla ez ezik, diseinu-sistemak bizidun antzekoak bihurtzen direla. Hazten dira. Beren ereduak errepikatzen dituzte. Erabileraren bidez eboluzionatzen dute. Inork espresuki programatu ez dituen portaerak erakusten dituzte.
Sormen digitalaren aro berri baten atarian gaude. Agenteak hemen daude. Protokoloak osatzen ari dira. Diseinu-sistemak bizitza artifizialaren substratu bihurtzen ari dira.
Diseinua kodea da.
Eta kodea bizitzen ari da.
Artikulu eta proiektu nagusiak
- Design Systems in the Time of AI - Brad Frost
- Storybook MCP Sneak Peek - Storybook
- Introducing AX: Why Agent Experience Matters - Mathias Biilmann
- Building Effective Agents - Anthropic
Drupal AI baliabideak
Automata zelularren baliabideak
- Conway's Game of Life Lexicon - 1500 figura inguru
- A Working Turing Machine in Game of Life
- Langton's Loops - Wikipedia
- Rule Sets for Cellular Automata
- A New Kind of Science Online - Stephen Wolfram
- Cellular Automata - Nature of Code
Teoria konputazionalaren, diseinu-sistemen, adimen artifizialaren eta web-garapenaren ebakidura aztertu da hemen.
Adierazitako ikuspegiak sortzen ari diren joeren esplorazio espekulatiboak dira, ez etorkizun jakin batzuen iragarpenak.
Ikusten dut AI agenteak sortzen ari garela, begizta batean lan egiten dutenak eta beste begizta batzuetan beste AI agente batzuekin elkarreragiten dutenak.
Diseinua kodea da sistemak begizta batean funtzionatzen duenean, bizitza-begizta bat bezala, hautatutako mihise (canvas) eta arau-multzo baten barruan.