Дизајнот е кодот

The Design is the Code

 

Како логиката на клеточните автомати ќе ги преобликува агентските дизајн системи и зошто иднината на веб-развојот можеби е веќе запишана во едноставни правила

На пресекот на дизајн системите, вештачката интелигенција и теоријата на пресметување се случува длабока трансформација. Таа е толку фундаментална што го доведува во прашање самото значење на „дизајнот“ во времето на автономните агенти.

 

 

 

Со децении дизајнот и кодот ги третиравме како одделни дисциплини: дизајнот како област на човечката креативност и естетската проценка, а кодот како механички превод на тие идеи во извршлива форма. Но бидејќи AI агентите сè почесто самостојно ги составуваат корисничките интерфејси, ги користат дизајн системите како машински читлива инфраструктура и генерираат код од семантички токени, се приближуваме до точка на спојување што одекнува една многу постара идеја од теоријата на пресметување.

 

Која идеја? Дизајнот е кодот.

 

Ова не е само провлечена фраза. Тоа е препознавање дека можеби се упатуваме кон свет во кој дизајн системите работат како клеточни автомати: едноставни правила од кои никнува сложено, емергентно однесување. Свет во кој разликата меѓу „дизајнирање“ и „програмирање“ на нешто сосема се губи. Свет во кој автономните агенти не само што ги користат дизајн системите, туку се дизајн системи во дејство.

Моментот на спојување

На 11 декември 2025 година, Бред Фрост (творецот на Atomic Design) се придружи на Доминик Нгујен (ко-основач на Chromatic) на сесија во живо на тема „Агентски дизајн системи во 2026“. Нивната порака беше јасна: AI агентите веќе составуваат интерфејси со истите компоненти што ги користат човечките тимови. Дизајн системите мора да еволуираат во машински читлива инфраструктура, инаку ризикуваат да станат артефакти од минатата епоха.

 

 

Како што објави тимот на Storybook: „AI почнува да ги користи дизајн системите точно онака како што се документирани. Празнините во примерите, состојбите & ограничувањата водат директно до непредвидлив изглед на интерфејсот.“

Овој блог-запис ги истражува длабоките врски меѓу клеточните автомати, емергентното однесување и иднината на агентските дизајн системи. Ќе ги следиме теоретските темели од саморепликувачките машини на фон Нојман до денешните ројови од AI агенти.

 

Ќе погледнеме како Drupal и модерните CMS платформи ја интегрираат AI преку модули како Schema.org Blueprints и Drupal AI. И ќе размислиме што сето тоа значи за дизајнерите, за програмерите и за иднината на создавањето дигитални производи.


Клеточните автомати и логиката на емергенцијата

Убавината на едноставните правила

Во 1970 година математичарот Џон Конвеј ја претстави Играта на животот, „игра без играчи“ што ќе стане еден од најпроучуваните системи во теоријата на пресметување. Правилата се неверојатно едноставни:

  1. Секоја жива клетка со помалку од два живи соседи умира (недоволна населеност)
  2. Секоја жива клетка со два или три живи соседи преживува
  3. Секоја жива клетка со повеќе од три живи соседи умира (преполна населеност)
  4. Секоја мртва клетка со точно три живи соседи оживува (размножување)

Од овие четири правила, искажани преку неколку бинарни услови, никнува зачудувачки универзум на сложеност. Глајдерите минуваат низ бесконечни мрежи. Осцилаторите пулсираат во вечни ритми. Топовите испукуваат низи од шеми низ клеточниот простор. А најпозабележително е што е докажано дека Играта на животот е Тјуринг-комплетна: сè што може да се пресмета алгоритамски, во принцип може да се пресмета во рамките на Конвејовата едноставна мрежа.

 

 

Слика 1: Госперовиот глајдер-топ во Конвејовата Игра на животот. Овој шаблон создава непрекинат поток од глајдери и покажува како едноставните правила можат да родат бесконечна сложеност што сама се одржува.

 

 

Тоа е првата лекција од клеточните автомати: сложеноста не е предуслов за сложено однесување. Едноставни правила, доследно применети врз една подлога, можат да породат шаблони и однесувања што никој изречно не ги програмирал.

Најважно видео: Вовед во клеточните автомати

Вовед во клеточните автомати, вклучувајќи ја Конвејовата Игра на животот и самореплицирачките Лангтонови јамки (Langton's Loops)

Ова видео прикажува неколку анимации, меѓу кои и евентуалното самоуништување до кое би довело ако Лангтоновите јамки би можеле да се реплицираат на голем торус (каде што спротивните страни на мрежата се споени).

 

 

 

 

Дополнителни ресурси од видеото:


Лангтонови јамки и саморепликација

Во 1984 година, Кристофер Лангтон го однесе овој принцип подалеку со своите самореплицирачки јамки, клеточен автомат што покажа вистински принципи на вештачки живот. За разлика од Конвејовата Игра на животот, која покажува емергентна сложеност, Лангтоновите јамки покажуваат емергентна репродукција.

Секоја јамка се состои од цикличен раб што опкружува „геном“ кодиран во состојбите на клетките. Тој геном постојано тече околу јамката и надвор по една конструктивна рака, која во текот на 151 временски чекор гради ќерка-јамка. Штом ќе заврши, ќерката се одвојува од родителот и двете продолжуваат да се репликираат.

 

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

Слика 2: Лангтонова јамка во својата почетна конфигурација. Генетските информации циркулираат низ јамката и ја насочуваат изградбата на ќерка-јамки преку издолжената рака.

 

„Ако самоумножувачка машина е возможна во рамките на еден клеточен автомат, тогаш и самиот живот можеби може да го постигнат машините.“

- Кристофер Лангтон, „Проучување на вештачкиот живот со клеточни автомати“ (1986)

Импликациите се длабоки. Лангтоновите јамки покажуваат дека самореплицирањето не бара сложеност на биолошки клетки, ниту универзални конструктивни способности како во оригиналниот дизајн на фон Нојман. Потребно е само:

  • Збир на едноставни, локални правила
  • Механизам за кодирање на инструкциите
  • Процес со кој тие инструкции се извршуваат

Правилата се организмот. Дизајнот е кодот.

Во 1999 година, Хироки Сајама ги воведе еволуповите (evoloops), варијанти што вградуваат структурна раздвојливост и фенотипски интеракции, овозможувајќи спонтани мутации и еволутивна динамика. Овие јамки еволуираат преку директни физички судири при репликацијата, што води кон генотипски варијации, зголемена морфолошка разновидност и пораст на сложеноста низ генерациите. За разлика од Лангтоновата фиксна репликација, еволуповите покажуваат наследни мутации без надворешна интервенција.

 

 

Правило 110 и универзално пресметување

Истражувањето на елементарните клеточни автомати од Стивен Волфрам кулминираше со зачудувачко откритие: Правилото 110, едно од само 256 можни правила за наједноставниот вид еднодимензионален клеточен автомат, е способно за универзално пресметување.

Правилото 110 може да се зададе во целост со тоа што се дава исходот за секоја од осумте можни комбинации на една ќелија и нејзините два соседа. Сепак, ова навидум тривијално едноставно правило - осум бинарни одлуки - може да симулира универзална Тјурингова машина.

 

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

Слика 3: Клеточен автомат Правило 110. И покрај едноставната дефиниција, Правилото 110 покажува однесување од класа 4 - сложени шеми што не се ниту сосема стабилни, ниту сосема хаотични - и е докажано дека е Тјуринг-комплетно.

 

„За универзално пресметување не ви треба ништо слично на цел компјутерски процесор. Доволно е ова ситно правило.“

- Стивен Волфрам, „A New Kind of Science“

Во 2004 година Метју Кук објави доказ дека Правилото 110 со одредена повторувачка позадинска шема е Тјуринг-комплетно. Доказот покажува дека Правилото 110 може да емулира цикличи тег-системи, а тие пак можат да емулираат секоја Тјурингова машина. Меѓу 88-те можни уникатни елементарни клеточни автомати, Правилото 110 е единствено за кое Тјуринг-комплетноста е директно докажана.

Принципот на пресметковна еквивалентност што го предложи Волфрам сугерира нешто уште посмело: системите над минимален праг на сложеност се во суштина еквивалентни по своите пресметковни способности. Човечкиот мозок, временскиот систем и Правилото 110 се, во некоја длабока смисла, пресметковно еквивалентни.

Четирите класи клеточни автомати според Волфрам

  • Класа 1: Еволуцијата води кон хомогена состојба
  • Класа 2: Еволуцијата води кон одвоени периодични структури
  • Класа 3: Еволуцијата води кон хаотични, случајни шеми
  • Класа 4: Еволуцијата води кон сложени шеми со локализирани структури - способни за универзално пресметување

Правилото 110 покажува однесување од класа 4, што Волфрам го опишува како постоење на „работ на хаосот“ - критична граница каде што едноставните правила даваат максимална пресметковна моќ.

0E0P метаклетката: вистинско самореплицирање

Во октомври 2018 година Адам П. Гушер ја заврши изградбата на 0E0P метаклетката - шема во Играта на животот на Конвеј способна за вистинско самореплицирање. За разлика од претходните метаклетки, на кои им биле потребни веќе постоечки копии во близина, 0E0P метаклетката може да гради копии од себе од нула, вклучувајќи ја и сопствената лента со инструкции.

Ова достигнување е пресвртница во вештачкиот живот: систем што може да се шири низ пресметковна подлога користејќи само локални правила. На 23 ноември 2013 година Дејв Грин го изгради првиот репликатор во Играта на животот што создава целосна копија од себе, вклучувајќи ја и лентата со инструкции - со што покажа дека дури и едноставниот двосостојбен автомат на Конвеј може да поддржи неограничено самовоспроизведување.

 

Истражете повеќе: видеа за клеточни автомати

 

Побарајте уште фасцинантни содржини за клеточни автомати:

▶️ Пребарување на YouTube: „cellular automata the design is the code“


Дизајн-системите како пресметковна подлога

Од атомски дизајн до агентски дизајн

Методологијата Atomic Design на Бред Фрост, воведена во 2013 година, го револуционизираше начинот на кој размислуваме за дизајн-системите. Делејќи ги интерфејсите на атоми (основни елементи како копчиња и полиња за внес), молекули (едноставни комбинации), организми (сложени делови од интерфејсот), шаблони (распореди на страници) и страници (конечни имплементации), Atomic Design понуди хиерархиска структура за совладување на сложеноста.

Но, ете што е воодушевувачко гледано наназад: Atomic Design веќе ги содржеше принципите на клеточните автомати без изрично да ги препознае.

Принцип на клеточните автоматиЕквивалент во Atomic Design
Локални правилаВсяко ниво на компонентите има правила за тоа како може да се комбинира со другите
ЕмергенцијаСложените страници произлегуваат од комбинации на поедноставни елементи
ПовторливостИстите атоми, комбинирани според истите правила, даваат доследни резултати
СкалабилностСистемот расте без централизирана контрола - секој компонент „знае“ како да се однесува
СамоорганизацијаДизајн-токените автоматски ги пренесуваат промените низ целиот систем

„Кога дизајн-системот е здодевен, им дава слобода на дизајнерите и програмерите да прават нови работи, да решаваат нови проблеми. Дизајн-системот го носи товарот на здодевното, за дизајнерите и програмерите да не мора.“

- Џош Кларк (Josh Clark), „Најинтересните дизајн-системи се здодевни“

Во февруари 2023 година, Бред Фрост (Brad Frost) пишуваше за „Дизајн-системите во времето на вештачката интелигенција“:

„Вештачката интелигенција е природен корисник на дизајн-системите... Вистината е дека голем дел од работата околу компонентите во еден дизајн-систем е навистина механичка и предвидлива. Веќе користиме алатки како PlopJS за да генерираме почетен код на компонента што одговара на обликот на остатокот од библиотеката. Би ја дочекал со добредојде помошта на вештачката интелигенција за генерирање на многу вообичаени, шаблонски работи наместо мене.“

- Бред Фрост (Brad Frost)

Токму механичката и предвидлива природа на дизајн-системите ги прави погодни за работа во стил на клеточни автомати. Кога правилата се јасни, локални и доследно применети, агентите можат да работат самостојно - исто како што клетките во Конвејовата Игра на животот (Game of Life) не бараат централен контролор за да создадат глајдери и осцилатори.

Императивот за машинска читливост

Storybook MCP (Model Context Protocol) иницијативата претставува клучна еволуција во оваа насока. Објавена кон крајот на 2025 година, Storybook MCP им дава на AI агентите за кодирање машински читливи метаподатоци за компонентите од постојните поставувања на Storybook.

Клучното сознание е дека на агентите не им е потребен суров код или визуелна документација. Им треба:

  • Манифести на компонентите: Структурирани метаподатоци за секој компонент - неговите својства (props), варијанти, врски со дизајн-токените и примери за употреба
  • Семантички имиња: Токени богати со намера, како action.primary.confirm кои на агентите им пренесуваат значење, а не само вредности
  • Циклуси на валидација: Можност за извршување тестови, увид во неуспесите и самокорекција

„Storybook MCP им помага на агентите да ги следат вашите шаблони и да ги поминуваат вашите тестови. Им дава две нешта што никогаш досега не ги имале: машински читливи метаподатоци за компонентите и повторувачки циклус за самостојно поправање на грешките.“

- Тимот на Storybook

Storybook MCP вклучува автономен циклус за корекција. Им овозможува на агентите да ги извршуваат тестовите на вашите компоненти (интеракција и пристапност), да видат што не успева и самите да ги поправат своите грешки. Програмерот треба да се вклучи дури откако тестовите ќе поминат. Крај на постојаното водење на AI за рака.

Токму ова е архитектурата на клеточен автомат применета врз дизајнот: локални правила (спецификации на компонентите), интеракции меѓу соседите (шаблони на композиција) и повторувачки ажурирања (валидација и самокорекција).

 

Манифестот на компонентата како геном

Споредбата со Лангтоновите јамки (Langton's Loops) станува уште посоодветна кога ќе погледнеме како функционираат манифестите на компонентите. Во системот на Лангтон, „геномот“ закодиран во циркулирачките клетки ги содржи упатствата за градење на нова јамка. Во дизајн-систем што е машински читлив, манифестот на компонентата ги содржи упатствата за составување на интерфејсите.

Манифестот на една компонента може да одредува:

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

Овој манифест е истовремено дизајнерска спецификација и извршлив код, или поточно, упатства од кои може да се генерира извршлив код. Агентот што го користи манифестот не мора да разбира естетика или корисничко искуство во човечка смисла. Доволно е да ги следи правилата, да ги комбинира елементите според нивните ограничувања и да создава валидни резултати.

 

Се согласувам со Brad Frost дека треба да има yaml формат.

 

Компонентите во Drupal го користат yaml форматот. Нешто како

$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

 

Дизајнот е кодот.

  • Варијанти
  • Токени
  • Својства
  • Ограничувања (можеме да ги додадеме на компонентите)

  • Правила за слотовите (што може да се стави во други слотови, или што смее да се стави во мојот слот)

  • Правила

  • Примери 

  • Анимации  ( дозволено или препорачано за користење )

Потоа набљудувајте и експериментирајте со однесувањето.

како во https://storybook.demo.varbase.vardot.com/?path=/story/atoms-button--primary 

 

Дизајн токените како променливи на околината

Дизајн токените се уште еден клучен дел од сликата. Кај клеточните автомати, клетките реагираат на непосредната околина, односно на состојбите на соседните клетки. Кај дизајн системите, компонентите реагираат на дизајн токените, контекстуалните вредности што ги одредуваат нивниот изглед и однесување.

Современите архитектури на токени користат повеќе слоеви:

  • Основни токени: Сирови вредности како color.blue.500: #3B82F6
  • Семантички токени: Референци водени од намерата, како color.action.primary: color.blue.500
  • Токени на компонентите: Применети во тесен опсег, како button.background.primary: color.action.primary

Кога агентот генерира компонента Button, не мора да знае дека „primary“ значи сино. Доволно е да упати на button.background.primary и да се потпре на тоа дека системот на токени ќе ја реши вистинската вредност. Околината (слојот на токени) ја содржи информацијата, а компонентата (клетката) треба само да реагира на неа.

Алатки како Tokens Studio еволуирале дотолку што дизајн токените ги третираат како пресметковни графови со резолвери, односно јазли што носат семантички одлуки кои основни токени да се користат во зависност од контекстот. Така дизајн токените од статични вредности се претвораат во динамични системи базирани на правила.


Екосистемот на Drupal и интеграцијата на вештачката интелигенција

Интеграцијата на вештачката интелигенција во системите за управување со содржина е совршена лабораторија за истражување на принципите на „дизајнот е кодот“. CMS-ите како Drupal веќе ги содржат основните концепти: структурирани типови на содржина, дефиниции на полиња, релации и правила за составување.

Никогаш не помислував дека ќе можеме да кажеме вакво нешто. За мене ова беше врв на уметноста.

 Врвниот компјутерски комплет што можевме да го имаме. Програмери кои како да дошле од иднината на Star Trek, и му зборуваат на компјутерот да програмира наместо нив.

 

 

Искуството на агентите (AX) и новиот корисник

Дизајнирање за машини

Во раната 2025 година, Mathias Biilmann, извршен директор на Netlify, го претстави поимот „Agent Experience“ (AX), нова дисциплина посветена на тоа како AI агентите комуницираат со производите и платформите.

Промената е суштинска. Со децении, UX (корисничкото искуство) се оптимизираше за човечката спознава, перцепција и однесување. DX (искуството на програмерите) се оптимизираше за програмерите што градат софтвер. AX препознава дека агентите стануваат primary корисници на дигиталните системи, и дека имаат сосема поинакви потреби:

  • Не ги интересира визуелната естетика, туку само структурирани податоци што можат да се обработат
  • Не се движат низ интерфејси, туку повикуваат API-ја и користат манифести
  • Не ја читаат документацијата како луѓето, им треба контекст читлив за машини
  • Не носат субјективни проценки, следат правила и ограничувања

„AI агентите не се луѓе: не ги интересира големината на копчето, читливоста на типографијата, убавата палета на бои на вашата веб-страница или впечатливите анимации во вашата апликација. Па, што е тогаш важно за AI агентите? Ова е прашање без конкретен одговор денес, но во следните години ќе станува сѐ поважно.“

- AX истражување

Одговорот: јасни правила, предвидливо однесување, добро структурирани податоци и повратни јамки што им овозможуваат да ги проверуваат и да ги поправаат своите дејства.

Предизвикот на двојниот интерфејс

Дизајнирањето за AX значи градење два интерфејса истовремено:

  1. Интерфејс човек-агент: Тука луѓето го надгледуваат, одобруваат, уредуваат и насочуваат однесувањето на агентот - слојот на „контролниот центар“. Мислете на контролни табли и редици за одобрување, а не на формулари и копчиња.
  2. Интерфејс агент-систем: Тука агентите комуницираат со API-ја, бази на податоци и алатки - „оперативниот“ слој. Мора да биде цврст, добро документиран и оптимизиран за ефикасност на машините.

Ова ја одразува архитектурата на клеточните автомати, каде истовремено постојат две различни перспективи:

  • локална перспектива: Секоја клетка (агент) следи едноставни правила врз основа на своите непосредни соседи
  • глобална перспектива: Се појавуваат сложени шеми што се видливи само на голема скала

„Дизајнот на агентското искуство (AX) треба да доведе до одлична употребливост за агентите и од страна на агентите. Затоа, одличното AX води до одлично корисничко искуство (UX). Ако AI агентот наиде на скршен процес, протокол, па дури и на неусогласен речник низ различни системи, не може да ја извърши задачата. Тоа е лошо искуство за агентот, а тоа пак води до лошо искуство за клиентот или за вработениот.“

- Кет Холмс, главна директорка за искуство, Salesforce

Од UX до AX: Еволуцијата на дигиталниот дизајн

UX (човечки корисници)DX (програмери)AX (AI агенти)
Визуелни интерфејсиAPI-ја и SDK-аМанифести читливи за машини
Емоционална вклученостДокументацијаСтруктуриран контекст
Текови на навигацијаПримери на кодДефиниции на алатки
ПристапностТипска безбедностСпецификации на ограничувања
Пораки за грешкиТрагови на стекот (stack traces)Повратни јамки за самокорекција


Стигмергија и индиректна комуникација

Еден од најмоќните концепти од интелигенцијата на ројот е стигмергијата - индиректна координација преку траги во околината. Мравките не комуницираат директно за местата со храна; тие оставаат феромонски патеки што ги следат другите мравки. Околината станува медиум за комуникација.

Во агентските дизајн-системи, стигмергијата добива облик на:

  • Заеднички библиотеки со компоненти: Агентите „гледаат“ кои компоненти постојат и како се користени
  • Дизајн токени: Семантички вредности што ги кодираат дизајнерските одлуки како факти од околината
  • Документација на шеми: Примери за употреба што им служат како феромонски патеки на идните агенти
  • Збирки тестови: Правила за валидација што го ограничуваат просторот на валидни резултати
  • Git историја: Запис на минатите одлуки на кој можат да се повикуваат агентите

Кога некој агент генерира кориснички интерфејс со помош на компонента, тој оставa траги - во кодната база, во документацијата, во шемите што ги воспоставува. Идните агенти што ќе наидат на слични задачи ќе бидат под влијание на овие траги, создавајќи вид колективна интелигенција што ниту еден агент сам по себе не ја поседува.

Агентски дизајнерски шеми

Ендрју Нг и други идентификуваа четири клучни шеми за агентските AI системи:

  1. Рефлексија: AI-от го оценува сопствениот резултат и постепено го подобрува
  2. Користење алатки: AI-от комуницира со надворешни алатки, API-ја и системи
  3. Планирање:ИИ ги разложува сложените задачи на потзадачи и ги извршува една по една
  4. Повеќе агенти: Повеќе специјализирани агенти соработуваат на сложени задачи

Овие шеми директно се пресликуваат во поимите од клеточните автомати:

Агентска шемаЕквивалент кај клеточните автомати
РефлексијаКлетките се ажурираат врз основа на оценката на тековната состојба
Користење алаткиКлетките комуницираат со променливите на околината
ПланирањеЕволуција низ повеќе генерации кон стабилни конфигурации
Повеќе агентиРазлични типови клетки со специјализирани правила (мултиклеточни автомати)

Дизајнот е код: подлабоко читање

Што навистина значи „Дизајнот е код“

Кога велиме „дизајнот е код“, истовремено тврдиме неколку работи:

1. Семантичка еквивалентност

Дизајнерските одлуки, кога се правилно кодирани, стануваат извршливи. Дизајн-токенот не е само вредност, туку инструкција. Спецификацијата на компонентата не е само документација, туку програма. Кога агентите ги користат овие артефакти, тие го извршуваат дизајнот исто колку што го имплементираат.

2. Генеративен капацитет

Како што Rule 110 може да пресмета сè што е пресметливо, така и доволно целосен дизајн-систем може да генерира секој валиден интерфејс. Системот ја содржи можноста за сите свои валидни изрази. Она што ќе се појави зависи единствено од почетните услови (барањата) и од правилата (ограничувањата).

3. Емергентна сложеност

Најсофистицираните интерфејси не се дизајнираат одозгора надолу; тие произлегуваат од доследната примена на едноставни правила. Добро дизајнираното копче, употребувано доследно, создава кохерентен визуелен јазик без никој експлицитно да ја планира таа кохерентност.

4. Пресметковна нередуцибилност

Некои дизајнерски исходи не можат да се предвидат без навистина да се изврши системот. Не можете да знаете како ќе изгледа интерфејс составен од агент, а да не го оставите агентот да го состави. Ова е принципот на пресметковна нередуцибилност на Волфрам, применет врз дизајнот.

5. Самомодификација

Како evoloops што мутираат при репликација, дизајн-системите подготвени за агенти можат да еволуираат преку употреба. Компонентите што ги генерираат агентите стануваат дел од библиотеката што ја користат идните агенти. Системот учи, се приспособува и расте.

Проширената метафора на клеточните автомати

Клеточни автоматиАгентски дизајн-системи
Мрежа од клеткиПлатно од UI-елементи
Состојби на клеткитеИнстанци на компоненти и нивните props
СоседствоКонтекст на распоредот и соседни компоненти
Правила на ажурирањеОграничувања на композицијата и дизајн-токени
ГенерацииЦиклуси на рендерирање и ажурирања на состојбата
Емергентни шемиЦелосни интерфејси и кориснички текови
СаморепликацијаБиблиотеки на компоненти што овозможуваат нови компоненти
Универзално пресметувањеДизајн-системи што можат да изразат секој валиден UI
Глајдери (движечки шеми)Повторно употребливи шеми што се шират низ производите
Still lifes (стабилни шеми)Воспоставени компоненти што не се менуваат
ОсцилаториАнимирани компоненти, состојби на вчитување, премини

Подалеку од метафората: вистинска конвергенција

Но ова не е само метафора. Конвергенцијата е реална и се случува токму сега:

  • Storybook MCP ги претвора библиотеките на компоненти во машински читливи инструкции што агентите ги извршуваат
  • Model Context Protocol стандардизира како агентите пристапуваат до алатки и контекст, создавајќи универзална подлога за агентски операции
  • Мултиагентни архитектури ја делат работата меѓу специјализирани агенти (архитект, програмер, ревизор) што комуницираат според протоколи, како клетки со диференцирани функции
  • Самоисцелителни циклусиАгентите можат да извршуваат тестови, да откриваат грешки и да повторуваат - истите механизми на повратна врска што клеточните автомати ги користат за да развијат стабилни конфигурации
  • Schema.org Blueprints прават структурите на содржината машински читливи и семантички смислени
  • Drupal AI ја обезбедува инфраструктурата AI агентите самостојно да создаваат, менуваат и управуваат со содржина

„Дизајнот е кодот“ не го гледаме како филозофска позиција. Го градиме како техничка инфраструктура.


Импликации и патот напред

За дизајнерите

Улогата на дизајнерот се менува од „создавач на правоаголници“ во „дефинитор на правила“. Како што забележа Brad Frost:

„Дизајнерите и програмерите што својата работа ја гледаат како создавање правоаголници имаат многу причини за загриженост. Но дизајнерите и програмерите што својата работа ја гледаат како решавање проблеми - а попатно мора да создадат или да употребат некој правоаголник за да ги решат - имаат помалку од што да се плашат.“

- Brad Frost

Во агентската иднина, дизајнерите ќе:

  • Ги дефинираат семантичките токени и нивните врски
  • Воспоставуваат ограничувања и шаблони за композиција
  • Создаваат правила за валидација што агентите мора да ги задоволат
  • Ги негуваат и развиваат правилата што ја уредуваат појавата на новото (emergence)
  • Ги дизајнираат механизмите на повратна врска што овозможуваат самокорекција
  • Ги обликуваат „функциите на соодветност“ што одредуваат кои резултати се прифатливи

 

Man in blue shirt examines colorful flowchart.

 

 

Ова е дизајн на повисоко ниво на апстракција - дизајнирање на правилата што создаваат дизајни, а не на самите дизајни. Како да ги дефинирате правилата на клеточен автомат, наместо да ја цртате секоја клетка одделно.

 

За програмерите

Програмерите стануваат архитекти на агентски системи. Како што опишува Anthropic:

„Просторот на софтверскиот развој покажа извонреден потенцијал за функции базирани на LLM, со можности што еволуираа од дополнување на код до самостојно решавање проблеми.“

Програмерите ќе мора да:

  • Создаваат машински читливи интерфејси помеѓу агентите и системите
  • Дизајнираат јамки на повратна врска и механизми за валидација
  • Градат скеле во рамките на кое се јавува емергентното однесување
  • Го задржат човечкиот надзор како последен арбитар
  • Ги дефинираат протоколите по кои агентите комуницираат
  • Имплементираат „лепило-код“ (glue code) што ги поврзува различните агентски системи
Man with laptop amidst web development icons and chatbot graphic.

 

За веб-развојот и CMS платформите

Интеграцијата на AI во платформи како Drupal укажува на иднина во која:

  • Моделите на содржина стануваат употребливи за агентите преку стандарди како Schema.org
  • Уредувачките текови на работа се потпомогнати од агенти со изработка на нацрти, модерација и оптимизација поддржани од AI
  • Пребарувањето еволуира од совпаѓање на клучни зборови кон семантичко разбирање преку embeddings и векторски бази на податоци
  • Персонализацијата станува самостојна со агенти што ги учат преференциите на корисниците и ја прилагодуваат содржината во реално време
  • Развојот се забрзува додека агентите генерираат компоненти, тестови и документација

Прифаќањето на AI во екосистемот на Drupal - преку модули како Drupal AI, Drupal Canvas, Schema.org Blueprints и интеграцијата со AI провајдери - покажува дека оваа иднина веќе се гради.

 

 

 

За организациите

Конкурентската предност ќе им припадне на организациите чии дизајн системи се најмногу „подготвени за агенти“. Системите подготвени за агенти ги имаат следните одлики:

  • Целосна покриеност на состојбите и варијантите на компонентите
  • Семантичко именување што ја пренесува намерата
  • Машински читлива документација и контекст
  • Инфраструктура за валидација и тестирање
  • Јасни ограничувања што го определуваат просторот на валидни резултати
  • API-ја дизајнирани за користење од агенти (AX-first)
  • Архитектури на содржина базирани на Schema.org

 

 

 

За иднината на дигиталните производи

Крајната состојба е нешто како дигитална екологија: безброј агенти што работат според локални правила и создаваат емергентни интерфејси што ниту еден дизајнер или програмер не ги планирал, а сепак некако се усогласуваат бидејќи правилата во основата се здрави.

Ова не е толку неверојатно колку што звучи. Токму така функционираат биолошките системи, така растат градовите, така работат пазарите. Прашањето не е дали ќе стигнеме до таа состојба, туку како ќе го минеме преодот.

 

Заклучок: кодот е жив

Џон фон Нојман, ерудитот што ги измислил клеточните автомати, бил воден од едно суштинско прашање: Која е минималната сложеност потребна за самореплицирање? Неговиот одговор, универзалниот конструктор на фон Нојман, покажа дека за самореплицирање не е потребна биолошка машинерија. Потребни се само правила што ја кодираат сопствената примена.

Седумдесет години подоцна го откриваме истиот принцип и кај дизајн системите. Минималниот услов за автономно генерирање на кориснички интерфејс не е вештачка општа интелигенција ниту човечка креативност. Тоа е целосен, доследен и машински читлив збир правила што агентите можат да го извршуваат.

Кога Лангтоновите јамки се репродуцираат низ клеточната мрежа, не велиме дека јамките „дизајнираат“ нови јамки. Репродукцијата е едноставно она што го произведуваат правилата. А сепак резултатот, колонии од самосовпаѓачки шаблони што постојано се шират, е неспорно генеративен, во одредена функционална смисла и креативен.

Кога AI агентите составуваат интерфејси од компонентите на дизајн системот, следејќи семантички токени и ограничувања за композиција, тие прават нешто слично. „Креативноста“ не е во агентите, туку во правилата што ги извршуваат: правила што ги дизајнирале луѓе, а кои сега работат самостојно.

Најдлабокото значење

Ова е најдлабокото значење на „дизајнот е кодот“: не само што дизајнерските спецификации стануваат извршливи, туку и дизајн системите стануваат слични на живот. Растат. Ги репродуцираат своите шаблони. Еволуираат низ употребата. Покажуваат однесувања што никој експлицитно не ги испрограмирал.

Стоиме на прагот на нова ера во дигиталното создавање. Агентите веќе се тука. Протоколите се обликуваат. Дизајн системите стануваат подлога за вештачки живот.

Дизајнот е кодот.
А кодот оживува.

 

Клучни статии и проекти

Drupal AI ресурси

Ресурси за клеточни автомати


Истражувани идеи на пресекот на теоријата на пресметување, дизајн системите, вештачката интелигенција и веб-развојот.

 Изнесените ставови се шпекулативни истражувања на нови трендови, а не предвидувања на сигурна иднина.

 

Гледам дека создаваме AI агенти што работат во јамка и комуницираат со други AI агенти во дополнителни јамки.

Дизајнот е кодот кога системот работи во јамка, како животен циклус во избран платно и збир правила.

The Design is the Code