Dizainua kodea da

The Design is the Code

 

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:

  1. Bi bizilagun bizi baino gutxiago dituen zelula bizi orok hil egiten da (biztanleria-gabezia)
  2. Bi edo hiru bizilagun bizi dituen zelula bizi orok bizirik jarraitzen du
  3. Hiru bizilagun bizi baino gehiago dituen zelula bizi orok hil egiten da (gainpopulazioa)
  4. 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.

 

Grid art of a red path with blue, yellow, and cyan tiles, on a dark background.

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.

 

Rull 110 cellular automaton - Triangle pattern with black and white abstract geometric design.

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 printzipioaAtomic Design-eko baliokidea
Toki-arauakOsagai-mailako bakoitzak arauak ditu beste mailekin nola konbina daitekeen zehazteko
EmergentziaOrri konplexuak elementu sinpleagoen konbinazioetatik sortzen dira
ErreproduzigarritasunaAtomo berdinek, arau berdinen arabera konbinatuta, emaitza koherenteak ematen dituzte
EskalagarritasunaSistema kontrol zentralizaturik gabe eskalatzen da: osagai bakoitzak bere portaera "ezagutzen" du
AutoantolaketaDiseinu-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 taldea

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:

  1. 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.
  2. 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 bisualakAPI eta SDKakMakinak irakur ditzakeen manifestuak
Konexio emozionalaDokumentazioaTestuinguru egituratua
Nabigazio-fluxuakKode-adibideakTresnen definizioak
IrisgarritasunaTipo-segurtasunaMurrizketen zehaztapenak
Errore-mezuakStack trace-akAuto-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:

  1. Hausnarketa: AAk bere irteera ebaluatzen du eta pixkanaka hobetzen du
  2. Tresnen erabilera: AAk kanpoko tresnekin, APIekin eta sistemekin elkarreragiten du
  3. Plangintza:Tekoak zeregin konplexuak azpizeregin bihurtzen ditu eta banan-banan exekutatzen ditu
  4. Agente anitzekoa: Hainbat agente espezializatuk elkarlanean jarduten dute zeregin konplexuetan

Eredu hauek automata zelularren kontzeptuekin bat datoz zuzenean:

Eredu agentikoaAutomata zelularren baliokidea
HausnarketaZelulek egungo egoeraren ebaluazioaren arabera eguneratzen dute beren burua
Tresnen erabileraZelulek ingurune-aldagaiekin elkarreragiten dute
PlanifikazioaHainbat belaunalditan zeharreko bilakaera, konfigurazio egonkorretara iristeko
Agente anitzZelula 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 zelularrakSistema agentikoen diseinua
Zelulen saretaUI elementuen oihala
Zelulen egoerakOsagaien instantziak eta haien propak
AuzotasunaDiseinu-testuingurua eta ondoko osagaiak
Eguneratze-arauakKonposizio-murrizketak eta diseinu-tokenak
BelaunaldiakErrendatze-zikloak eta egoera-eguneratzeak
Eredu emergenteakInterfaze osoak eta erabiltzaile-fluxuak
AutoerreplikazioaOsagai berriak sortzea ahalbidetzen duten osagai-liburutegiak
Konputazio unibertsalaUI 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
OszilatzaileakOsagai 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

 

Man in blue shirt examines colorful flowchart.

 

 

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
Man with laptop amidst web development icons and chatbot graphic.

 

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

Drupal AI baliabideak

Automata zelularren baliabideak


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.

The Design is the Code