Storybook

Mikrointerakce je malý, ohraničený moment v uživatelském rozhraní, který plní jeden úkol — animace tlačítka při kliknutí, přepínač, gesto potáhnutí pro obnovení nebo animace srdíčka u „lajku". Tyto drobné designové detaily poskytují zpětnou vazbu, vedou uživatele a dodávají rozhraní osobitost. Dobře navržené mikrointerakce dodávají produktu pocit propracovanosti a responzivity, aniž by uživatele zahlcovaly.

Wireframe je nízko-věrnostní vizuální reprezentace uživatelského rozhraní, která znázorňuje strukturu, rozložení a hierarchii obsahu bez detailního stylování nebo barev. Wireframy se zaměřují na to, jaké prvky se na stránce objeví a jak jsou uspořádány, a slouží jako plán před začátkem vizuálního designu. Pomáhají týmům sladit se na funkcionalitě a uživatelském toku v rané fázi procesu, kdy jsou změny nejlevnější.

Styled Components je populární CSS-in-JS knihovna pro React a React Native, která využívá tagged template literals ke stylování komponent. Automaticky generuje unikátní názvy tříd, podporuje dynamické stylování na základě props, zajišťuje vendor prefixing a poskytuje plné možnosti themování. Knihovna umísťuje styly společně s komponentami, což usnadňuje pochopení vzhledu každé komponenty a bezpečné mazání stylů při odstraňování komponent.

Orchestrace je automatizovaná koordinace více služeb, úloh nebo systémů za účelem provedení komplexního workflow. Orchestrátor funguje jako centrální řadič, který spravuje pořadí, paralelismus, zpracování chyb a opakování jednotlivých kroků. V kontextu AI agentů orchestrace zahrnuje řetězení LLM volání, použití nástrojů a rozhodovacích kroků; v DevOps koordinuje nasazení kontejnerů, škálování a service discovery.

Designový systém je sbírka znovupoužitelných komponent, pravidel a standardů, které zajišťují vizuální a funkční konzistenci napříč produktem nebo skupinou produktů. Typicky zahrnuje knihovnu komponent, design tokeny, typografická pravidla, barevné palety a dokumentaci. Designové systémy propojují práci designérů a vývojářů a umožňují týmům stavět rozhraní rychleji při zachování jednotného vzhledu.

CSS vlastní vlastnosti (také nazývané CSS proměnné) umožňují definovat znovupoužitelné hodnoty syntaxí `--my-variable` a odkazovat na ně kdekoli pomocí `var(--my-variable)`. Na rozdíl od proměnných v preprocesorech Sass nebo Less jsou živé v prohlížeči, kaskádují přes DOM a lze je dynamicky měnit JavaScriptem. Jsou nezbytné pro systémy motivů, implementaci tmavého režimu a udržování konzistentních designových tokenů v rozsáhlých stylech.