Publications from authors and the editorial team

New articles from Wikivibe authors and materials prepared by the editorial team. Read the feed, follow authors, and publish your own write-ups.

Feed

12 publications

Reset filters

Design system and components

8/3/20264 min

Fluid Glass UI: How to give an AI agent a reproducible WebGL interface instead of an abstract prompt

Fluid Glass UI - open-source skill and WebGL reference for interfaces with a fixed visual core. We understand how to use it in AI development without accidental style drift and problems on mobile devices.

VibeDesignWebGLdesignAI agents

WikiVibe

—views—reactions

Design system and components

7/30/20263 min

75/75/75: why it's time for a design system to become doable

Yandex wants to bring AI participation to 75% of changes in development. For design, this means moving from conveying layout to conveying structured intent and quality rules.

YandexAIdesignhandoff

WikiVibe

—views—reactions

Design system and components

6/14/20269 min

MCP server of your design system: connect the AI agent to the components directly

"Create a card like our system" without MCP - the agent looks at the codebase and guesses. Finds something like a card, adapts. The result is close but not the same: another borderradius, another structure of props, another name that now needs to be searched for and corrected.

designMCPAI designtool

amoorkie

—views—reactions

Design system and components

6/14/202613 min

LLM Readable Documentation: How to Write Components So AI Doesn't Invent the Wheel

In May 2026, a real job posting Senior Product Designer featured a requirement that a year ago did not exist: “Create and maintain system documentation readable by designers, engineers, and LLMs like Claude.”.

designAI designcomponentAgents. md

amoorkie

—views—reactions

Design system and components

6/14/20268 min

Storybook: Why the developer tool has become indispensable for designers

Storybook was created for developers – an environment for isolated component development without running the entire application. The designers who started using it say one thing: “I don’t understand how it worked without it.”.

designcomponenthandofftool

amoorkie

—views—reactions

Design system and components

6/14/20269 min

AI Draws Out of Your Style: How to Get It to Follow a Design System

AI explained that the buttons are called Button/Primary, accent E94560, font Bricolage Grotesque. This session is all right. Closed the chat. Opened a new one - again Inter, again blue button, again shadcn by default.

designAI designDesign. mdchecklist

amoorkie

—views—reactions

Design system and components

6/14/202610 min

Dark theme in one day – if you set the variables correctly in advance

There are two ways to add a dark topic. One: you open each component, you change colors manually, you watch half crumble, you redo three days, you still miss something. Second, you create Dark Mode in Figma Variables, you set the dark values, you switch -- everything gets updated in a second. One day instead of three.

designtokenFigmaworkflow

amoorkie

—views—reactions

Design system and components

6/14/20269 min

Atomic design in practice: stop sculpting the interface from scratch every time

In a project without a system, each new screen starts from scratch. The designer draws a button — not the same as on the previous screen, similar. A different padding. A little different typeface. In a year, the product has 40 options of the button, where logic should be 4.

designcomponentworkflow

amoorkie

—views—reactions

Design system and components

6/14/20269 min

Design Tokens: Why Products Always Look Different Without Them

In a team, three developers make three different product sections. Everyone has a “basic blue” in their head, but everyone has their own idea of what blue it is. One writes 1A1A2E. Second 1B1B30. The third takes a pipette from Figma, but misses the pixel — it turns out 1A1C2E.

designtokenFigmaworkflow

amoorkie

—views—reactions

Design system and components

6/14/20268 min

Without a design system, you do the same thing over and over again

Take any product over a year old and open three different screens. Find the Save button on each. You’ll probably see three slightly different buttons: padding is slightly different, borderradius is slightly different, and the font is a different size. Nobody did that on purpose. The first developer did not find the right component and wrote his own. The second set up the library to make it faster. The third one was copied from another screen.

designtokencomponentworkflow

amoorkie

—views—reactions

Design system and components

6/10/20268 min

Design as Code: How to Pack Vision into a File and Give It to the Team

Ask any LLM to do a landing without additional instructions. Get: Inter, white background, purple gradient in hero, four cards in grid, barely noticeable hover. Anthropic calls this “distributional convergence” – models reproduce a statistical center of design decisions from training data. The center is average. Average is nothing. Skill files cure that. But more importantly, they turn a design judgment — something that lives in the mind of an experienced designer — into a reusable artifact that can be passed on to the agent, the team, the next project.

SKILL - mdClaude-CodeCodexDesign System

amoorkie

—views—reactions

Design system and components

4/26/20267 min

Taste-Skill: how to make AI-generated interfaces feel intentional

A practical guide to giving AI-generated interfaces stronger hierarchy, typography, spacing, motion and visual direction.

SkillDesignFrontend

morecil

—views—reactions

Publications from authors and the editorial team

Feed

Fluid Glass UI: How to give an AI agent a reproducible WebGL interface instead of an abstract prompt

75/75/75: why it's time for a design system to become doable

MCP server of your design system: connect the AI agent to the components directly

LLM Readable Documentation: How to Write Components So AI Doesn't Invent the Wheel

Storybook: Why the developer tool has become indispensable for designers

AI Draws Out of Your Style: How to Get It to Follow a Design System

Dark theme in one day – if you set the variables correctly in advance

Atomic design in practice: stop sculpting the interface from scratch every time

Design Tokens: Why Products Always Look Different Without Them

Without a design system, you do the same thing over and over again

Design as Code: How to Pack Vision into a File and Give It to the Team

Taste-Skill: how to make AI-generated interfaces feel intentional

Spline V2: AI-agent collects interactive 3D scenes, and the interface can be written on top of them

Distributed intelligence: who will be subordinated to the network

Just try everything. How I came to vibe coding

I implemented Grafana: what it shows and why the project is needed

GPT-6 received Sol and Luna: Terra remains a model of the GPT-5 line. 6

Awwwards MCP: how to search for references and check web design

Figma linked layouts with Weave and updated folders: what changes in working with variations

GPT Image 2.5: spot edits, sketches and less lost details

ChatGPT in Russia broke in a new way: it seems that for the first time blocked not in OpenAI, and on the side of the Russian Federation

Figma Adds Transparency Management Through Tokens: How It Simplifies Design Systems

browser-use: a library that turns a browser into an AI agent tool

omp (oh-my-pi): a complete guide to the functions of a CLI agent for coding

OpenAI launches GPT-6 Astra in what the company calls the “AGI era”

Figma has opened generative plugins and shaders: what can now be transferred from canvas to React

Runway Solaris: A real-time interface – and why it’s not a replacement for web development

Figma reveals how to measure AI’s impact on design – and why speed metrics are not enough

AI video editors managed through Codex and Claude Code

Orca (stablyai/orca) – ADE for orchestrating a fleet of parallel AI agents

oh-my-pi (omp) – a terminal AI-agent for coding with a “stitched” IDE

What AI Agents Are and How They Work: A Clear Guide to Business

Get Shit Done (GSD): как организовать работу ИИ-агента

Google Flow: AI Credits, лимиты и сколько видео

Почему Claude блокирует аккаунты: причины бана и VPN

Codex ChatGPT Subscription: Codex-chatgpt-web and Codex-with-chatgpt