Die ontwerp is die kode

The Design is the Code

 

Hoe sellulêre outomaat-logika agentiese ontwerpstelsels gaan hervorm, en hoekom die toekoms van webontwikkeling dalk reeds in eenvoudige reëls geskryf is

Daar vind 'n diepgaande verandering plaas waar ontwerpstelsels, kunsmatige intelligensie en berekeningsteorie bymekaarkom. Dit is so fundamenteel dat dit ons begrip daarvan uitdaag van wat "ontwerp" in die tydperk van outonome agente selfs beteken.

 

 

 

Dekades lank het ons ontwerp en kode as aparte dissiplines beskou: ontwerp as die terrein van menslike kreatiwiteit en estetiese oordeel, kode as die meganiese vertaling van daardie idees na uitvoerbare vorm. Maar noudat KI-agente gebruikerskoppelvlakke al hoe meer outonoom saamstel, ontwerpstelsels as masjienleesbare infrastruktuur gebruik en kode uit semantiese tokens genereer, nader ons 'n konvergensiepunt wat 'n baie ouer idee uit die berekeningsteorie weerklink.

 

Daardie idee? Die ontwerp is die kode.

 

Dit is nie bloot 'n pakkende frase nie. Dit erken dat ons moontlik op 'n wêreld afstuur waar ontwerpstelsels soos sellulêre outomate werk: eenvoudige reëls wat aanleiding gee tot komplekse, ontluikende gedrag. 'n Wêreld waar die onderskeid tussen iets "ontwerp" en dit "programmeer" heeltemal verdwyn. Waar outonome agente ontwerpstelsels nie net gebruik nie, maar self ontwerpstelsels in aksie is.

Die oomblik van konvergensie

Op 11 Desember 2025 het Brad Frost (skepper van Atomic Design) by Dominic Nguyen (medestigter van Chromatic) aangesluit vir 'n regstreekse sessie oor "Agentic Design Systems in 2026". Hul boodskap was duidelik: KI-agente stel reeds gebruikerskoppelvlakke saam met dieselfde komponente wat menslike spanne gebruik. Ontwerpstelsels moet ontwikkel tot masjienleesbare infrastruktuur, anders loop hulle die risiko om oorblyfsels van 'n vervloë era te word.

 

 

Soos die Storybook-span aangekondig het: "KI begin ontwerpstelsels presies gebruik soos dit gedokumenteer is. Gapings in voorbeelde, toestande & beperkings lei regstreeks tot onvoorspelbare UI-uitvoer."

Hierdie blogpos verken die diep verbande tussen sellulêre outomate, ontluikende gedrag en die toekoms van agentiese ontwerpstelsels. Ons volg die teoretiese grondslae van von Neumann se selfreplikerende masjiene tot vandag se swerms KI-agente.

 

Ons kyk hoe Drupal en moderne CMS-platforms KI integreer deur modules soos die Schema.org Blueprints en Drupal AI. En ons oorweeg wat dit alles beteken vir ontwerpers, ontwikkelaars en die toekoms van digitale produkskepping.


Sellulêre outomate en die logika van ontluiking

Die skoonheid van eenvoudige reëls

In 1970 het die wiskundige John Conway die Game of Life bekendgestel, 'n "nul-speler-speletjie" wat een van die mees bestudeerde stelsels in die berekeningsteorie sou word. Die reëls is asemrowend eenvoudig:

  1. Enige lewende sel met minder as twee lewende bure sterf (onderbevolking)
  2. Enige lewende sel met twee of drie lewende bure oorleef
  3. Enige lewende sel met meer as drie lewende bure sterf (oorbevolking)
  4. Enige dooie sel met presies drie lewende bure word lewend (voortplanting)

Uit hierdie vier reëls, uitgedruk in 'n handvol binêre voorwaardes, ontstaan 'n verbysterende heelal van kompleksiteit. Gliders beweeg oor oneindige roosters. Ossillators klop in ewige ritmes. Guns skiet strome patrone oor die sellulêre ruimte. En die merkwaardigste van alles: daar is bewys dat die Game of Life Turing-volledig is: alles wat algoritmies bereken kan word, kan in beginsel binne Conway se eenvoudige rooster bereken word.

 

 

Figuur 1: Gosper se Glyerkanon in Conway se Game of Life. Hierdie patroon lewer 'n deurlopende stroom glyers voort, en wys hoe eenvoudige reëls oneindige, selfvolhoudende kompleksiteit kan skep.

 

 

Dit is die eerste les van sellulêre outomate: kompleksiteit is nie 'n voorvereiste vir komplekse gedrag nie. Eenvoudige reëls, konsekwent toegepas oor 'n substraat, kan patrone en gedrag laat ontstaan wat niemand uitdruklik geprogrammeer het nie.

Noodsaaklike video: Inleiding tot sellulêre outomate

'n Inleiding tot sellulêre outomate, insluitend Conway se Game of Life en die selfvermenigvuldigende Langton-lusse (Langton's Loops)

Hierdie video wys verskeie animasies, onder meer die selfvernietiging wat uiteindelik sou volg as Langton se lusse op 'n groot torus (waar teenoorgestelde kante van die rooster aanmekaar gekoppel is) toegelaat word om te vermenigvuldig.

 

 

 

 

Bykomende hulpbronne uit die video:


Langton se lusse en selfvermenigvuldiging

In 1984 het Christopher Langton hierdie beginsel verder geneem met sy selfvermenigvuldigende lusse, 'n sellulêre outomaat wat egte beginsels van kunsmatige lewe gedemonstreer het. Anders as Conway se Game of Life, wat ontluikende kompleksiteit wys, toon Langton se lusse ontluikende voortplanting.

Elke lus bestaan uit 'n sikliese grens wat 'n "genoom" omsluit, gekodeer in selstate. Hierdie genoom vloei aanhoudend om die lus en uit langs 'n konstruksie-arm, wat oor 151 tydstappe 'n dogterlus bou. Wanneer dit klaar is, skei die dogter van haar ouer af, en altwee gaan voort om te vermenigvuldig.

 

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

Figuur 2: Langton se lus in sy beginkonfigurasie. Die genetiese inligting sirkuleer deur die lus en rig die bou van dogterlusse deur middel van die uitskuifbare arm.

 

"As 'n selfvoortplantende masjien binne 'n sellulêre outomaat moontlik is, kan lewe self dalk deur masjiene bereik word."

- Christopher Langton, "Studying Artificial Life with Cellular Automata" (1986)

Die implikasies is diepgaande. Langton se lusse bewys dat selfvermenigvuldiging nie die kompleksiteit van biologiese selle of die universele konstruksievermoëns van von Neumann se oorspronklike ontwerp vereis nie. Dit vereis net:

  • 'n Stel eenvoudige, plaaslike reëls
  • 'n Meganisme om instruksies te kodeer
  • 'n Proses waardeur daardie instruksies uitgevoer word

Die reëls is die organisme. Die ontwerp is die kode.

In 1999 het Hiroki Sayama evoloops bekendgestel, variante wat strukturele oplosbaarheid en fenotipiese interaksies inkorporeer en so spontane mutasies en evolusionêre dinamika moontlik maak. Hierdie lusse ontwikkel deur direkte fisiese botsings tydens vermenigvuldiging, wat lei tot genotipe-variasies, groter morfologiese diversiteit en toenemende kompleksiteit oor generasies heen. Anders as Langton se vaste vermenigvuldiging, toon evoloops oorerflike mutasies sonder eksterne ingryping.

 

 

Reël 110 en universele berekening

Stephen Wolfram se verkenning van elementêre sellulêre outomate het uitgeloop op 'n verbasende ontdekking: Reël 110, een van slegs 256 moontlike reëls vir die eenvoudigste soort eendimensionele sellulêre outomaat, is in staat tot universele berekening.

Reël 110 kan volledig gespesifiseer word deur die uitkoms te gee vir elkeen van agt moontlike kombinasies van 'n sel en sy twee bure. Tog kan hierdie skynbaar triviale reël – agt binêre besluite – 'n universele Turing-masjien simuleer.

 

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

Figuur 3: Reël 110-sellulêre outomaat. Ondanks sy eenvoudige definisie toon Reël 110 Klas 4-gedrag – komplekse patrone wat nóg heeltemal stabiel nóg heeltemal chaoties is – en dit is bewys dat dit Turing-volledig is.

 

"'n Mens het niks soos 'n hele rekenaar-SVE nodig om universele berekening uit te voer nie. Jy het net hierdie klein reëltjie nodig."

- Stephen Wolfram, "A New Kind of Science"

In 2004 het Matthew Cook 'n bewys gepubliseer dat Reël 110 met 'n bepaalde herhalende agtergrondpatroon Turing-volledig is. Die bewys toon dat Reël 110 sikliese etiketstelsels kan naboots, wat op hul beurt enige Turing-masjien kan naboots. Van die 88 moontlike unieke elementêre sellulêre outomate is Reël 110 die enigste een waarvan die Turing-volledigheid regstreeks bewys is.

Die Beginsel van Berekeningsekwivalensie wat Wolfram voorgestel het, dui op iets nog meer radikaals: stelsels bo 'n minimum drempel van kompleksiteit is in wese gelykwaardig in hul berekeningsvermoëns. 'n Menslike brein, 'n weerstelsel en Reël 110 is, in 'n diep sin, berekeningsgewys gelykwaardig.

Wolfram se Vier Klasse van Sellulêre Outomate

  • Klas 1: Evolusie lei tot 'n homogene toestand
  • Klas 2: Evolusie lei tot afgesonderde periodieke strukture
  • Klas 3: Evolusie lei tot chaotiese, ewekansige patrone
  • Klas 4: Evolusie lei tot komplekse patrone met gelokaliseerde strukture – in staat tot universele berekening

Reël 110 toon Klas 4-gedrag, wat Wolfram beskryf as iets wat op die "rand van chaos" bestaan – 'n kritieke grens waar eenvoudige reëls maksimale rekenkrag voortbring.

Die 0E0P-metasel: Ware Selfreplikasie

In Oktober 2018 het Adam P. Goucher die konstruksie van die 0E0P-metasel voltooi – 'n patroon in Conway se Game of Life wat tot ware selfreplikasie in staat is. Anders as vroeëre metaselle, wat bestaande kopieë in die omgewing nodig gehad het, kan die 0E0P-metasel van nuuts af kopieë van homself bou, insluitend sy eie instruksieband.

Hierdie prestasie is 'n mylpaal in kunsmatige lewe: 'n stelsel wat homself deur 'n berekeningssubstraat kan voortplant met net plaaslike reëls. Op 23 November 2013 het Dave Greene die eerste replikator in die Game of Life gebou wat 'n volledige kopie van homself skep, insluitend die instruksieband – wat wys dat selfs Conway se eenvoudige tweetoestand-outomaat onbegrensde selfreproduksie kan onderhou.

 

Verken meer: Sellulêre-outomaat-video's

 

Soek na meer fassinerende inhoud oor sellulêre outomate:

▶️ YouTube-soektog: "cellular automata the design is the code"


Ontwerpstelsels as Berekeningssubstrate

Van Atomiese Ontwerp tot Agentiese Ontwerp

Brad Frost se Atomic Design-metodologie, wat in 2013 bekendgestel is, het die manier waarop ons oor ontwerpstelsels dink, omvergewerp. Deur koppelvlakke op te breek in atome (basiese elemente soos knoppies en invoervelde), molekules (eenvoudige kombinasies), organismes (komplekse UI-afdelings), sjablone (bladsyuitlegte) en bladsye (finale implementerings), het Atomic Design 'n hiërargiese struktuur vir die hantering van kompleksiteit gebied.

Maar kyk wat in die terugblik opmerklik is: Atomic Design het reeds beginsels van sellulêre outomate beliggaam sonder om dit uitdruklik te besef.

Beginsel van Sellulêre OutomateAtomic Design-ekwivalent
Plaaslike reëlsElke komponentvlak het reëls oor hoe dit met ander kan kombineer
Opkoms (emergensie)Komplekse bladsye ontstaan uit kombinasies van eenvoudiger elemente
HerhaalbaarheidDieselfde atome, gekombineer volgens dieselfde reëls, lewer konsekwente resultate
SkaalbaarheidDie stelsel skaal sonder gesentraliseerde beheer – elke komponent "ken" sy eie gedrag
SelforganisasieOntwerpkentekens (design tokens) versprei veranderinge outomaties deur die hele stelsel

"As die ontwerpstelsel vervelig is, bevry dit ontwerpers en ontwikkelaars om die nuwe goed te doen, om nuwe probleme op te los. Die ontwerpstelsel dra die las van die vervelige werk, sodat ontwerpers en ontwikkelaars dit nie hoef te doen nie."

- Josh Clark, "The Most Exciting Design Systems Are Boring"

In Februarie 2023 het Brad Frost geskryf oor "Design Systems in the Time of AI":

"KI is 'n natuurlike verbruiker van ontwerpstelsels ... Die waarheid is dat baie van die komponentwerk in 'n ontwerpstelsel werklik meganies en voorspelbaar is. Ons gebruik reeds gereedskap soos PlopJS om 'n komponent-houer (boilerplate) uit te spoeg wat by die vorm van die res van die biblioteek pas. Ek sal graag KI se hulp verwelkom om baie van daardie alledaagse boilerplate-goed vir my te genereer."

- Brad Frost

Dit is juis die meganiese en voorspelbare aard van ontwerpstelsels wat hulle geskik maak vir werking in die styl van sellulêre outomate. Wanneer die reëls duidelik, plaaslik en konsekwent toegepas is, kan agente outonoom werk – net soos selle in Conway se Game of Life nie 'n sentrale beheerder nodig het om gliers en ossillators voort te bring nie.

Die masjienleesbare noodsaak

Die Storybook MCP (Model Context Protocol)-inisiatief verteenwoordig 'n kritieke evolusie in hierdie rigting. Storybook MCP, wat laat in 2025 aangekondig is, voorsien KI-koderingsagente van masjienleesbare komponentmetadata uit bestaande Storybook-opstellings.

Die kerninsig is dat agente nie rou kode of visuele dokumentasie nodig het nie. Hulle het dit nodig:

  • Komponentmanifeste: Gestruktureerde metadata oor elke komponent – sy props, variante, ontwerpkenteken-bindings en gebruiksvoorbeelde
  • Semantiese benaming: Betekenisryke kentekens soos action.primary.confirm wat betekenis aan agente oordra, nie net waardes nie
  • Valideringslusse: Die vermoë om toetse uit te voer, mislukkings te sien en self reg te stel

"Storybook MCP help agente om jou patrone te volg en jou toetse te slaag. Dit gee agente twee dinge wat hulle nog nooit gehad het nie: masjienleesbare komponentmetadata en 'n iteratiewe lus om foute self te herstel."

- Storybook-span

Die Storybook MCP bevat 'n outonome regstellingslus. Dit laat agente toe om jou komponenttoetse (interaksie en toeganklikheid) uit te voer, te sien wat misluk en hul eie foute reg te maak. 'n Ontwikkelaar hoef eers in te gryp nadat die toetse geslaag het. Nie meer prompt-oppassery nie.

Dit is juis die argitektuur van 'n sellulêre outomaat wat op ontwerp toegepas word: plaaslike reëls (komponentspesifikasies), interaksies met bure (samestellingspatrone) en iteratiewe opdaterings (validering en selfregstelling).

 

My komponentmanifes as genoom

Die vergelyking met Langton se Loops word nog treffender wanneer ons kyk hoe komponentmanifeste werk. In Langton se stelsel bevat die "genoom" wat in die sirkulerende selle gekodeer is, die instruksies om 'n nuwe lus te bou. In 'n masjienleesbare ontwerpstelsel bevat die komponentmanifes die instruksies om koppelvlakke aanmekaar te sit.

'n Komponentmanifes kan die volgende spesifiseer:

{
  "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" }
  ]
}

Hierdie manifes is terselfdertyd 'n ontwerpspesifikasie en uitvoerbare kode – of eerder die instruksies waaruit uitvoerbare kode gegenereer kan word. Die agent wat hierdie manifes verwerk, hoef nie estetika of gebruikerservaring in die menslike sin te verstaan nie. Dit moet die reëls volg, die elemente volgens hul beperkings kombineer en geldige uitsette lewer.

 

Ek stem saam met Brad Frost dat 'n yaml-formaat die regte keuse is.

 

Drupal-komponente gebruik die yaml-formaat. Iets soos

$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

 

Die ontwerp is die kode.

  • Variante
  • Tokens
  • Props
  • Beperkings (ons kan dit by komponente voeg)

  • Slot-reëls (wat in ander slots geplaas mag word, of wat in my slot geplaas mag word)

  • Reëls

  • Voorbeelde 

  • Animasies  ( Toegelaat of aanbeveel om te gebruik )

Kyk dan en eksperimenteer met die gedrag.

soos in https://storybook.demo.varbase.vardot.com/?path=/story/atoms-button--primary 

 

Ontwerp-tokens as omgewingsveranderlikes

Ontwerp-tokens is nog 'n deurslaggewende stuk van die legkaart. In sellulêre outomate reageer selle op hul onmiddellike omgewing – die toestande van naburige selle. In ontwerpstelsels reageer komponente op ontwerp-tokens – die kontekstuele waardes wat bepaal hoe dit lyk en hoe dit hom gedra.

Moderne token-argitekture gebruik verskeie lae:

  • Kern-tokens: Rou waardes soos color.blue.500: #3B82F6
  • Semantiese tokens: Bedoelinggedrewe verwysings soos color.action.primary: color.blue.500
  • Komponent-tokens: Afgebakende toepassings soos button.background.primary: color.action.primary

Wanneer 'n agent 'n Button-komponent genereer, hoef dit nie te weet dat "primary" blou beteken nie. Dit hoef net na button.background.primary te verwys en te vertrou dat die token-stelsel dit tot die regte waarde sal oplos. Die omgewing (die token-laag) bevat die inligting; die komponent (die sel) hoef net daarop te reageer.

Nutsmiddels soos Tokens Studio het ontwikkel om ontwerp-tokens as berekeningsgrafieke met oplossers te hanteer – nodusse wat semantiese besluite neem oor watter basis-tokens om volgens konteks te gebruik. Dit verander ontwerp-tokens van statiese waardes in dinamiese, reëlgebaseerde stelsels.


Die Drupal-ekosisteem en KI-integrasie

Die integrasie van KI in inhoudbestuurstelsels is 'n perfekte laboratorium om die beginsels van "die ontwerp is die kode" te verken. Inhoudbestuurstelsels soos Drupal beliggaam reeds die kernkonsepte: gestruktureerde inhoudtipes, veldedefinisies, verhoudings en reëls vir samestelling.

Ek het nooit gedink ons sou ooit iets soos dit kon sê nie. Vir my was dit die toppunt van wat moontlik is.

 Die uiteindelike rekenaarstel wat ons kon hê. Sommige ontwikkelaars wat dalk uit die toekoms van Star Trek kon kom, en met die rekenaar praat om vir hulle te programmeer.

 

 

Agent-ervaring (AX) en die nuwe gebruiker

Ontwerp vir masjiene

Vroeg in 2025 het Mathias Biilmann, uitvoerende hoof van Netlify, die konsep van "Agent-ervaring" (AX) bekendgestel, 'n nuwe dissipline wat fokus op hoe KI-agente met produkte en platforms interaksie het.

Die verskuiwing is fundamenteel. Dekades lank het UX (gebruikerservaring) geoptimaliseer vir menslike denke, waarneming en gedrag. DX (ontwikkelaarervaring) het geoptimaliseer vir menslike ontwikkelaars wat sagteware bou. AX erken dat agente primêre gebruikers van digitale stelsels word – en hulle het heeltemal ander behoeftes:

  • Hulle gee nie om vir visuele estetika nie – net vir gestruktureerde, ontleedbare data
  • Hulle navigeer nie koppelvlakke nie – hulle roep API's aan en verbruik manifeste
  • Hulle lees nie dokumentasie soos mense nie – hulle het masjienleesbare konteks nodig
  • Hulle maak nie subjektiewe oordele nie – hulle volg reëls en beperkings

"KI-agente is nie mense nie: hulle gee nie om oor die grootte van 'n knoppie, die leesbaarheid van die tipografie, die pragtige kleurpalet op jou webwerf of die vlot animasies in jou toepassing nie. So, waaroor 'gee' KI-agente dan om? Dit is 'n vraag waarop daar vandag geen konkrete antwoord is nie, maar wat in die komende jare al hoe belangriker sal word."

- AX-navorsing

Die antwoord: duidelike reëls, voorspelbare gedrag, goed gestruktureerde data en terugvoerlusse wat hulle in staat stel om hul eie optrede te verifieer en reg te stel.

Die tweeledige koppelvlak-uitdaging

Om vir AX te ontwerp beteken om twee koppelvlakke gelyktydig te bou:

  1. Mens-tot-agent-koppelvlak: Waar mense toesig hou, goedkeur, wysig en die agent se gedrag rig – die "beheersentrum"-laag. Dink aan kontrolepanele en goedkeuringswagrye, nie vorms en knoppies nie.
  2. Agent-tot-stelsel-koppelvlak: Waar agente met API's, databasisse en gereedskap skakel – die "operasionele" laag. Dit moet robuust, goed gedokumenteer en vir masjiendoeltreffendheid geoptimaliseer wees.

Dit weerspieël die argitektuur van sellulêre outomate, waar twee afsonderlike perspektiewe naas mekaar bestaan:

  • Die plaaslike perspektief: Elke sel (agent) volg eenvoudige reëls gebaseer op sy onmiddellike bure
  • Die globale perspektief: Komplekse patrone ontstaan wat slegs op groot skaal sigbaar is

"Agent-ervaringsontwerp (AX) behoort uitmuntende gebruikbaarheid vir en van agente te bewerkstellig. Goeie AX lei dus tot goeie gebruikerservaring (UX). As die KI-agent 'n gebroke proses, protokol of selfs teenstrydige bewoording oor stelsels heen teëkom, kan dit nie daardie taak uitvoer nie. Dit is 'n slegte ervaring vir die agent, wat weer lei tot 'n slegte kliënt- of werknemerervaring."

- Kat Holmes, Hoof Ervaringsbeampte, Salesforce

Van UX na AX: die evolusie van digitale ontwerp

UX (menslike gebruikers)DX (ontwikkelaars)AX (KI-agente)
Visuele koppelvlakkeAPI's en SDK'sMasjienleesbare manifeste
Emosionele betrokkenheidDokumentasieGestruktureerde konteks
NavigasievloeiKodevoorbeeldeGereedskapdefinisies
ToeganklikheidTipeveiligheidBeperkingspesifikasies
FoutboodskappeStapelsporeTerugvoerlusse vir selfregstelling


Stigmergie en indirekte kommunikasie

Een van die kragtigste konsepte uit swermintelligensie is stigmergie – indirekte koördinasie deur omgewingspore. Miere kommunikeer nie direk oor kosliggings nie; hulle laat feromoonspore agter wat ander miere volg. Die omgewing word 'n kommunikasiemedium.

In agentiese ontwerpstelsels neem stigmergie die vorm aan van:

  • Gedeelde komponentbiblioteke: Agente "sien" watter komponente bestaan en hoe dit gebruik is
  • Ontwerpmerkers (design tokens): Semantiese waardes wat ontwerpbesluite as omgewingsfeite enkodeer
  • Patroondokumentasie: Gebruiksvoorbeelde wat as feromoonspore vir toekomstige agente dien
  • Toetsstelle: Valideringsreëls wat die ruimte van geldige uitsette beperk
  • Git-geskiedenis: 'n Rekord van vorige besluite waarna agente kan verwys

Wanneer 'n agent 'n gebruikerskoppelvlak met 'n komponent genereer, laat dit spore agter – in die kodebasis, in die dokumentasie, in die patrone wat dit vestig. Toekomstige agente wat soortgelyke take teëkom, sal deur hierdie spore beïnvloed word, en só ontstaan 'n vorm van kollektiewe intelligensie wat geen enkele agent op sy eie besit nie.

Agentiese ontwerppatrone

Andrew Ng en ander het vier sleutelpatrone vir agentiese KI-stelsels geïdentifiseer:

  1. Refleksie: Die KI evalueer sy eie uitset en verbeter dit stapsgewys
  2. Gereedskapgebruik: Die KI skakel met eksterne gereedskap, API's en stelsels
  3. Beplanning:Die KI breek komplekse take in subtake op en voer dit een na die ander uit
  4. Multi-agent: Verskeie gespesialiseerde agente werk saam aan komplekse take

Hierdie patrone stem direk ooreen met die konsepte van sellulêre outomate:

Agentiese patroonEkwivalent in sellulêre outomate
RefleksieSelle werk hulself op grond van 'n evaluering van die huidige toestand by
GereedskapgebruikSelle tree in wisselwerking met omgewingsveranderlikes
BeplanningEvolusie oor verskeie generasies na stabiele konfigurasies
Multi-agentVerskillende seltipes met gespesialiseerde reëls (multisellulêre outomate)

Die ontwerp is die kode – 'n dieper lees

Wat "Die ontwerp is die kode" werklik beteken

Wanneer ons sê "die ontwerp is die kode", maak ons terselfdertyd verskeie aansprake:

1. Semantiese ekwivalensie

Ontwerpbesluite word uitvoerbaar wanneer dit behoorlik gekodeer is. 'n Ontwerp-token is nie net 'n waarde nie – dit is 'n instruksie. 'n Komponentspesifikasie is nie net dokumentasie nie – dit is 'n program. Wanneer agente hierdie artefakte gebruik, voer hulle die ontwerp net so seker uit as wat hulle dit implementeer.

2. Generatiewe vermoë

Net soos Reël 110 enigiets kan bereken wat berekenbaar is, kan 'n voldoende volledige ontwerpstelsel enige geldige koppelvlak voortbring. Die stelsel dra die potensiaal vir al sy geldige uitdrukkings in hom. Wat te voorskyn kom, hang net af van die beginvoorwaardes (vereistes) en die reëls (beperkings).

3. Opkomende kompleksiteit

Die gesofistikeerdste koppelvlakke word nie van bo af ontwerp nie; hulle kom na vore uit die konsekwente toepassing van eenvoudige reëls. 'n Goed ontwerpte knoppie, konsekwent gebruik, bring 'n samehangende visuele taal voort sonder dat iemand daardie samehang uitdruklik beplan het.

4. Berekeningsmatige onherleibaarheid

Sommige ontwerpuitkomste kan nie voorspel word sonder om die stelsel werklik te laat loop nie. Jy kan nie weet hoe 'n koppelvlak wat deur 'n agent saamgestel is, gaan lyk as jy nie die agent dit laat saamstel nie. Dit is Wolfram se beginsel van berekeningsmatige onherleibaarheid, toegepas op ontwerp.

5. Selfwysiging

Soos evoloops wat tydens replikasie muteer, kan agentgereed ontwerpstelsels deur gebruik evolueer. Komponente wat agente genereer, word deel van die biblioteek wat toekomstige agente gebruik. Die stelsel leer, pas aan en groei.

Die metafoor van sellulêre outomate uitgebrei

Sellulêre outomateAgentiese ontwerpstelsels
Rooster van selleDoek van UI-elemente
Toestande van selleKomponentgevalle en hul props
OmgewingUitlegkonteks en aangrensende komponente
OpdateringsreëlsSamestellingsbeperkings en ontwerp-tokens
GenerasiesWeergawesiklusse en toestandopdaterings
Opkomende patroneVolledige koppelvlakke en gebruikersvloeie
SelfreplikasieKomponentbiblioteke wat nuwe komponente moontlik maak
Universele berekeningOntwerpstelsels wat enige geldige UI kan uitdruk
Gliers (bewegende patrone)Herbruikbare patrone wat oor produkte heen versprei
Stilleweprente (stabiele patrone)Gevestigde komponente wat nie verander nie
OssillatorsGeanimeerde komponente, laaitoestande, oorgange

Verder as metafoor: werklike konvergensie

Maar dit is nie net metafoor nie. Die konvergensie is werklik en gebeur nou:

  • Storybook MCP verander komponentbiblioteke in masjienleesbare instruksies wat agente uitvoer
  • Model Context Protocol standaardiseer hoe agente toegang kry tot gereedskap en konteks – en skep 'n universele substraat vir agentiese bedrywighede
  • Multi-agent-argitekture verdeel die werk tussen gespesialiseerde agente (argitek, kodeerder, nagaan-agent) wat volgens protokolle met mekaar skakel – soos selle met gedifferensieerde funksies
  • Selfhelende lusseLaat agente toe om toetse uit te voer, foute op te spoor en te herhaal – dieselfde terugvoermeganismes wat sellulêre outomate gebruik om stabiele konfigurasies te laat ontwikkel
  • Schema.org Blueprints maak inhoudstrukture masjienleesbaar en semanties betekenisvol
  • Drupal AI verskaf die infrastruktuur waarmee KI-agente self inhoud kan skep, wysig en bestuur

Ons benader "die ontwerp is die kode" nie as 'n filosofiese standpunt nie. Ons bou dit as tegniese infrastruktuur.


Implikasies en die pad vorentoe

Vir ontwerpers

Die rol van die ontwerper verander van "reghoekmaker" na "reëlbepaler". Soos Brad Frost opgemerk het:

"Ontwerpers en ontwikkelaars wat hulle werk sien as die maak van reghoeke, het baie om oor bekommerd te wees. Maar ontwerpers en ontwikkelaars wat hulle werk sien as die oplos van probleme – en toevallig 'n paar reghoeke moet skep of hanteer om dié probleme op te los – het minder om voor te vrees."

- Brad Frost

In die agentiese toekoms sal ontwerpers:

  • Semantiese tokens en hul verwantskappe definieer
  • Samestellingsbeperkings en patrone vasstel
  • Valideringsreëls skep waaraan agente moet voldoen
  • Die reëls wat opkoms (emergence) bepaal, versorg en laat ontwikkel
  • Die terugvoermeganismes ontwerp wat selfregstelling moontlik maak
  • Die "geskiktheidsfunksies" vorm wat bepaal watter uitsette aanvaarbaar is

 

Man in blue shirt examines colorful flowchart.

 

 

Dit is ontwerp op 'n hoër vlak van abstraksie – jy ontwerp die reëls wat ontwerpe voortbring, eerder as die ontwerpe self. Soos om die reëls van 'n sellulêre outomaat te bepaal in plaas daarvan om elke sel afsonderlik te teken.

 

Vir ontwikkelaars

Ontwikkelaars word argitekte van agentstelsels. Soos Anthropic beskryf:

"Die sagteware-ontwikkelingsruimte toon merkwaardige potensiaal vir LLM-kenmerke, met vermoëns wat ontwikkel het van kodevoltooiing tot outonome probleemoplossing."

Ontwikkelaars sal die volgende moet doen:

  • Masjienleesbare koppelvlakke tussen agente en stelsels skep
  • Terugvoerlusse en valideringsmeganismes ontwerp
  • Die steiers bou waarbinne opkomende gedrag plaasvind
  • Menslike toesig as die finale beslisser behou
  • Die protokolle definieer waarvolgens agente kommunikeer
  • Die "gomkode" implementeer wat verskillende agentstelsels verbind
Man with laptop amidst web development icons and chatbot graphic.

 

Vir webontwikkeling en CMS-platforms

Die integrasie van KI in platforms soos Drupal wys na 'n toekoms waarin:

  • Inhoudmodelle deur agente verbruik kan word deur standaarde soos Schema.org
  • Redaksionele werkvloeie agent-ondersteun word met KI-aangedrewe opstel, moderering en optimering
  • Soek ontwikkel van sleutelwoordpassing na semantiese begrip deur middel van inbeddings en vektordatabasisse
  • Personalisering outonoom word deurdat agente gebruikersvoorkeure leer en inhoud intyds aanpas
  • Ontwikkeling versnel namate agente komponente, toetse en dokumentasie genereer

Die Drupal-ekosisteem se omarming van KI – deur modules soos Drupal AI, Drupal Canvas, Schema.org Blueprints en die integrasie van KI-verskaffers – bewys dat hierdie toekoms reeds gebou word.

 

 

 

Vir organisasies

Die mededingende voordeel sal behoort aan organisasies wie se ontwerpstelsels die mees "agentgereed" is. Agentgereed stelsels het:

  • Volledige dekking van komponenttoestande en -variante
  • Semantiese benaming wat die bedoeling oordra
  • Masjienleesbare dokumentasie en konteks
  • Validerings- en toetsinfrastruktuur
  • Duidelike beperkings wat die ruimte van geldige uitsette afbaken
  • API's wat vir agentverbruik ontwerp is (AX-first)
  • Schema.org-eerste inhoudargitekture

 

 

 

Vir die Toekoms van Digitale Produkte

Die eindtoestand is iets soos 'n digitale ekologie: ontelbare agente wat volgens plaaslike reëls werk en ontluikende koppelvlakke voortbring wat geen enkele ontwerper of ontwikkelaar beplan het nie, en wat tog op een of ander manier saamhang omdat die onderliggende reëls dedeurdag is.

Dit is nie so vergesog as wat dit klink nie. Dis presies hoe biologiese stelsels werk, hoe stede groei en hoe markte funksioneer. Die vraag is nie of ons by hierdie toestand gaan uitkom nie, maar hoe ons die oorgang gaan hanteer.

 

Slot: Die Kode Leef

John von Neumann, die veelsydige geleerde wat sellulêre outomate uitgevind het, is gedryf deur 'n fundamentele vraag: Wat is die minimum kompleksiteit wat vir selfreproduksie nodig is? Sy antwoord, die von Neumann-universele konstruktor, het gewys dat selfreplikasie nie biologiese masjinerie vereis nie. Dit verg net reëls wat hul eie toepassing enkodeer.

Sewentig jaar later ontdek ons dat dieselfde beginsel vir ontwerpstelsels geld. Die minimum vereiste vir outonome UI-generering is nie algemene kunsmatige intelligensie of menslike kreatiwiteit nie. Dis 'n volledige, konsekwente, masjienleesbare stel reëls wat agente kan uitvoer.

Wanneer Langton se Lusse oor 'n sellulêre rooster repliseer, sê ons nie die lusse "ontwerp" nuwe lusse nie. Die replikasie is bloot wat die reëls voortbring. Tog is die resultaat, steeds groeiende kolonies van selfgelyksoortige patrone, onteenseglik generatief en in 'n funksionele sin kreatief.

Wanneer KI-agente koppelvlakke uit ontwerpstelselkomponente saamstel en semantiese tokens en saamstellingsbeperkings volg, doen hulle iets soortgelyks. Die "kreatiwiteit" lê nie in die agente nie, maar in die reëls wat hulle uitvoer, reëls wat mense ontwerp het, maar wat nou outonoom werk.

Die Diepste Betekenis

Dit is die diepste betekenis van "die ontwerp is die kode": nie net dat ontwerpspesifikasies uitvoerbaar word nie, maar dat ontwerpstelsels lewensagtig word. Hulle groei. Hulle repliseer hul patrone. Hulle ontwikkel deur gebruik. Hulle toon gedrag wat niemand uitdruklik geprogrammeer het nie.

Ons staan op die drumpel van 'n nuwe era in digitale skepping. Die agente is hier. Die protokolle neem vorm aan. Die ontwerpstelsels word substrate vir kunsmatige lewe.

Die ontwerp is die kode.
En die kode kom tot lewe.

 

Belangrike Artikels en Projekte

Drupal KI-hulpbronne

Hulpbronne oor Sellulêre Outomate


Idees verken op die kruispunt van berekeningsteorie, ontwerpstelsels, kunsmatige intelligensie en webontwikkeling.

 Die standpunte wat uitgespreek word, is spekulatiewe verkennings van opkomende neigings, nie voorspellings van sekere toekomste nie.

 

Ek sien dat ons KI-agente skep wat in 'n lus werk en in bykomende lusse met ander KI-agente interaksie het.

Die ontwerp is die kode wanneer die stelsel in 'n lus werk, soos 'n lewenslus binne 'n gekose doek en stel reëls.

The Design is the Code