Klient poslal nové texty na úvodní stránku.
Meadowstack Framework 2.0
Dobrý design už od prvního promptu
Komponenty, pravidla a kontroly, na kterých stavíme každou klientskou appku. Jednorázová licence, neomezeně projektů.
Od 6 190 Kč, jednorázově.
Co dostanete
AI píše kód rychle. Systém ale nenapíše.
Zadejte AI nástroji deset obrazovek a dostanete deset různých tabulek, formulářů a chybových hlášek. Framework mu dá na každou věc jeden způsob a zkontroluje, že ho dodržel.
Navržené od prvního promptu
Komponenty, vzory a pravidla zařídí, že už první obrazovka vypadá jako od produktového týmu.
Stejná kvalita všude
Každý modul i každý projekt se řídí stejnými pravidly, ať ho napsal kdokoli nebo cokoli.
Kontroly, které shodí build
Barvy jen z tokenů, kontrast světle i tmavě, každá obrazovka s daty se všemi stavy, testovaná přístupnost.
- Boční panel, který se vysouvá a mění šířku
- Uložené pohledy jako štítky
- Paleta příkazů na ⌘K
- Filtry uložené v adrese
- Značky stavů se slovem
- Avatary ve stálé barvě
- Tabulka, která se v telefonu složí
- Asistent u každé stránky
- Export toho, co vidíte
- Seznam i tabule
- Nápověda a zkratky
Nové ve 2.0
Obrazovky z archetypů a testy, které udrží lidi v orientaci
Verze 2.0 mění, jak se obrazovka staví, takže AI nástroj trefí rozložení dřív, než napíše první řádek.
Archetypy obrazovek
Devět druhů obrazovek s typovanými sloty. Jedna hlavní akce, jedna posouvaná oblast, všude stejná hlavička.
Orientace jako testy
Startér zkontroluje každou stránku při 1440 a 390 pixelech, takže se nikdo neztratí v obrazovce, kterou přidal AI nástroj.
Vrstva Objekty
Účtenky, dodací listy, podpisy, půdorysy a další: věci z reálného světa jako komponenty.
MCP pro AI nástroje
Server, který odpovídá z manifestu komponent, takže Claude Code a Cursor použijí hotovou komponentu dřív, než napíšou vlastní.
Sestavte si appku
V ukázce vyberete obor a jeho moduly a sestavenou appku otevřete na adrese, kterou můžete sdílet.
Přecházíte z 1.0? V kódu se mění dvě věci: PageHeader už nemá popis a každý sloupec tabulky říká, co obsahuje. Postup je v UPGRADING.md.
Sestavit appku v ukázceRoste s vámi
Od jedné appky k mnoha
Další moduly
Další modul do appky přidáte stejným postupem jako první.
Další projekty
Neomezeně projektů na jednu licenci, i práce pro klienty.
Aktualizace
Nové komponenty a vzory 12 měsíců, nebo dokud framework vyvíjíme.
Licence Team
Až pět vývojářů, kteří pracují stejně.
Co je uvnitř
Jedna složka, kterou si naklonujete a stavíte na ní
Soukromý repozitář se vším, co používáme na práci pro klienty. Naklonujete ho, otevřete v editoru a začnete prvním modulem.
Claude Code, Cursor, Codex a každý editor, který čte AGENTS.md. React, TypeScript a Tailwind, nic exotického.
meadowstack-framework/
- packages/kit/komponenty, vzory, tokeny
- AGENTS.mdpravidla pro každý AI nástroj na psaní kódu
- CLAUDE.mdnastavení pro Claude Code
- .claude/skills/nová obrazovka, entita, modul, schvalování, vzhled, kontrola
- .mcp.jsonMCP server, který najde správnou komponentu
- .cursor/rules/stejná pravidla pro Cursor
- templates/starter/rámec appky připravený na první modul
- docs/recipes/13 postupů: objednávky, schvalování, docházka, rezervace a další
- docs/decisions/proč je každé pravidlo takové, jaké je
- UPGRADING.mdco změnit při přechodu z 1.0 na 2.0
- apps/demo/kompletní referenční appka s devíti ukázkovými appkami
- scripts/kontroly tokenů, kontrastu a stavů
Od naklonování k prvnímu modulu
git clone https://github.com/meadowstack-studio/framework.git moje-appkaclaude "Přidej modul dovolených se schvalováním"Po nákupu dostanete přístup do soukromého repozitáře.
Všechno, co v něm je
Úplný seznam
Komponenty, vzory, pravidla a kontroly, tak jak jsou dnes v repozitáři.
Rámec a navigace
- Rámec appky s bočním panelem, který se vysouvá, vykukuje a mění šířku
- Paleta příkazů pro stránky, záznamy a akce
- Klávesové zkratky a jejich přehled
- Nabídka nápovědy: dokumentace, zkratky, koho se zeptat, co je nového
- Proužek načítání místo kolečka přes celou stránku
- Spouštěč a přepínač pracovních prostorů
- Drobečková navigace a krok zpět u odkazů v obsahu
- Jeden plochý boční panel: moduly jako sekce, počty, nastavení dole
- Nabídka Vytvořit v bočním panelu nebo horní liště
Obrazovky z archetypů
- Devět archetypů: seznam, pracovní fronta, záznam, formulář, přehled, pracovní plocha, schránka, nastavení, plátno
- Hlavička, šířka, posouvání a otevírání záznamu dané archetypem
- Jedna hlavní akce, nenápadně v horní liště
- Stránka se neposouvá, posouvá se právě jedna oblast
- Přehled začíná větou s čísly
- Pravidla orientace jako testy na každé stránce, při 1440 a 390
Objekty
- Papír: účtenka, A4, dodací list a štítek, se stažením do PDF
- Podpisové pole a razítko
- Karta majetku, scéna produktu a vzorník
- Ukazatel, vstupenka a karta účtu
- Půdorys a pruh počasí
- Náhled příspěvku, kruh cíle a pruh dne
Seznamy, tabule a záznamy
- Tabulka dat s řazením, výběrem a hromadnými akcemi
- Tabulky, které se v telefonu složí do řádků
- Filtry jako štítky, uložené v adrese
- Možnosti zobrazení: seskupit, seřadit, zobrazit sloupce
- Uložené pohledy jako štítky nad seznamem: stejná stránka, jiný dotaz
- Jedna nabídka Zobrazení pro podobu, seskupení, řazení a sloupce
- Tabule s přetahováním, i z klávesnice
- Náhled záznamu vedle seznamu a celá stránka
- Výběry, které změní vlastnost na místě
- Přichycené hlavičky skupin, které nezakryjí řádek
- Okamžité změny s Vrátit v oznámení
- Čtyři stavy každého pohledu na data: načítání, chyba, prázdno, data
- Prázdno a žádné výsledky jako dva různé stavy
Schvalování, oprávnění a historie
- Oprávnění v jednom souboru, dotaz přes <Can>
- Postup, jak stejná pravidla vynutit v databázi
- Schvalování na dvě oči: nikdo neschválí vlastní záznam
- Zamítnutí vždy s důvodem
- Karta rozhodnutí v telefonu jako první
- Časová osa historie s komentáři
- Potvrzení před nevratnými kroky
- Stránka bez přístupu pro to, co role nesmí
Formuláře a psaní
- Pole s viditelnými popisky a hláškami, které řeknou, co udělat
- Validace přes react-hook-form a zod
- Neuložené změny zastaví odchod ze stránky
- Pole pro psaní se zmínkami, soubory a Cmd/Ctrl+Enter
- Kontrolní seznamy
- Hlasové zprávy
Konverzace
- Zprávy podle autora a dne, s čarou, kde začínají nové
- Reakce, psaní, vlákna
- Asistent, který odpovídá díly kitu
- Pošta, kde každé vlákno leží u svého záznamu
Čas a plánování
- Časovač, který vyroste z tlačítka
- Týden jako mřížka časových bloků
- Časová osa zdrojů s tažením, změnou délky a čárou teď
- Plánovací mřížka: kopie s Alt, rychlé přidání do prázdné buňky
- Rozpočty, které varují na 80 procentech
Grafy a data
- Sloupcové, čárové a pruhové grafy s tabulkou za každým grafem
- Prstencový graf, teplotní mapa a pořadí
- Cíle jako referenční čáry, běžící období odlišené
- Čísla s trendem a změnou, která řekne, jestli je to dobrá zpráva
- Karty s grafy a jejich kostry
- Řady bezpečné pro barvoslepé v pevném pořadí
- Export do CSV
Plátno
- Plátno postupů s posunem, zoomem, minimapou a během po hranách
- Stejný postup jako seřazený seznam pro čtečky a telefony
Pohyb a odezva
- Společné křivky a délky jako tokeny
- Odezva stisku na tlačítkách
- Text, který se mění přes jemné rozostření
- Čísla, která se dopočítají
- Probíhající práce, která ukazuje, co dělá
- Oznámení, tooltipy, dialogy a nabídky s ošetřeným fokusem
- Omezený pohyb promění pohyb v prolínání
Pravidla a skills pro AI
- AGENTS.md pro každý AI nástroj na psaní kódu
- CLAUDE.md a pravidla podle cesty pro Claude Code
- Skill: nový modul
- Skill: nová obrazovka z archetypu
- Skill: nová entita od začátku do konce
- Skill: schvalování
- Skill: vzhled klienta
- Skill: závěrečná kontrola
- Pravidla pro Cursor vygenerovaná ze stejného souboru
- MCP server: váš AI nástroj se zeptá na správnou komponentu, než napíše vlastní
- Manifest všech komponent: kdy použít, kdy ne
- Vzory a zásady popsané i se zdroji
- Postupy pro úkoly, které se opakují
- Rozhodnutí s důvodem u každého pravidla
Kontroly
- Barvy jen z tokenů, jinak build spadne
- Kontrast každé dvojice barev světle i tmavě
- Každá obrazovka s daty má své čtyři stavy
- Druhy sloupců, ručně dělané ovladače a akce v hlavičce
- Smlouvy akcí: každá entita nabízí, co slíbila
- Revizní audit každé obrazovky dema
- Kontrola typů, lint a formátování
- Testy od začátku do konce s kontrolou přístupnosti
- Vizuální regrese každé ukázky a klíčových obrazovek
Ukázkové appky
- Startovní appka se schvalováním a testy
- Demo devíti smyšlených firem poskládaných z modulů
- Sestavte si appku: vyberete obor a moduly, otevřete ji na adrese, kterou lze sdílet
- Hřiště s každou komponentou v každém stavu
Vzhled, zařízení a přístupnost
- Světlý i tmavý režim podle systému
- Vaše značka jedním vstupem, s kontrolou kontrastu
- Od telefonu po široký monitor
- Ovládací prvky 40 px na dotykových obrazovkách
- WCAG 2.2 AA: klávesnice, fokus, popisky, kontrast
- Čeština a angličtina v základu
Tomu slovu nic neodpovídá.
Ceny
Jednorázový nákup
Každá licence vám zůstane: verzi, kterou máte, si necháte a používáte, jak dlouho chcete. Doba určuje jen to, jak dlouho vám chodí nové verze.
Platební stránku se nepodařilo otevřít. Zkuste to za minutu znovu, nebo napište na hello@meadowstack.com a vyřešíme to.
Founding 50 se vyprodalo, zatímco jste vybírali. Licence jsou níže za běžnou cenu.
Founding 50Prvních 50 kupců zaplatí polovinu běžné ceny, za 12 měsíců aktualizací i za aktualizace, dokud framework vyvíjíme. Obě varianty sdílejí stejných 50 míst. Jakmile se rozeberou, nabídka končí.
Solo
Jeden vývojář
3 095 Kč6 190 Kč4 490 Kč8 990 Kč
6 190 Kč8 990 Kčjednorázově- Aktualizace, dokud framework vyvíjíme
- Každá verze, kterou dostanete, vám zůstane
- Neomezeně projektů, i práce pro klienty
- Aktualizace po 12 měsíců
- Pak svou verzi používáte dál, natrvalo
- Neomezeně projektů, i práce pro klienty
Team
Až pět vývojářů
7 950 Kč15 900 Kč9 950 Kč19 900 Kč
15 900 Kč19 900 Kčjednorázově- Aktualizace, dokud framework vyvíjíme
- Každá verze, kterou dostanete, vám zůstane
- Neomezeně projektů, i práce pro klienty
- Aktualizace po 12 měsíců
- Pak svou verzi používáte dál, natrvalo
- Neomezeně projektů, i práce pro klienty
Aktualizace na dalších 12 měsíců prodloužíte za polovinu ceny. Ceny jsou bez DPH, ta se připočte při platbě, kde se uplatňuje. Nákupem souhlasíte s obchodními podmínkami a licencí.
Otázky k frameworku
Co přesně dostanu?
Přístup do soukromého repozitáře na GitHubu s kitem, archetypy obrazovek, vrstvou Objekty, pravidly a skills pro AI nástroje, MCP serverem, startovní appkou, postupy, kontrolami a ukázkovou appkou. Naklonujete ho a stavíte na něm.
V čem je postavený?
React, TypeScript, Vite a Tailwind, pod tím přístupné primitivy. Vaše appky jsou běžné appky v Reactu.
Můžu ho použít pro klientské projekty?
Ano. Licence je na vývojáře a pokrývá neomezeně projektů, včetně appek pro klienty.
Co se stane po 12 měsících?
Všechno, co máte, vám zůstane a můžete to dál používat. Nové verze přestanou chodit, dokud licenci neprodloužíte, za polovinu ceny.
Může klient appku dál rozvíjet?
Klient může appku, kterou mu dodáte, provozovat a udržovat. Na stavbu dalších appek na frameworku potřebuje vlastní licenci.
Co dostanou designéři?
Stejný framework. Figma soubor s frameworkem je v přípravě a designéři ho dostanou v rámci nákupu.
Nabízíte podporu?
K frameworku patří dokumentace a postupy. Otázky k licenci pište na hello@meadowstack.com. Pokud chcete, abychom vám s appkou pomohli my, je tu Rescue nebo Build.