Easel 1.1.2

Easel je pracovní prostředí pro návrh produktů a iteraci frontendu s pomocí AI, poháněné nástroji Codex nebo Claude. V jedné nativní aplikaci spojuje lokální knihovnu projektů, nastavení designových systémů, AI chat, živý náhled webu s inspektorem ovládaným klikáním a nástroje pro tvorbu prezentací. Uživatel popíše rozhraní, sleduje, jak ho agent staví, a upravuje ho klikáním přímo na výsledek. Poskytovatele lze zvolit v nastavení a kdykoliv přepnout.

Po zapnutí inspektoru (Cmd+Shift+I) lze kliknout na libovolný prvek v náhledu a zadat pokyn, který se odešle do chatu jako kontext. Designový systém lze vytvořit jednou a znovu využít napříč projekty. Každý projekt je reálná složka se soubory HTML, CSS, JS a podklady, kterou lze upravovat ve vestavěném editoru kódu. Hotový prototyp lze jedním kliknutím předat lokální relaci Claude Code nebo Codex CLI, kde se otevře terminál se zadáním navedeným na README, podklady a designový systém projektu. Vše vytvořené se ukládá lokálně mimo aplikaci.

Hlavní možnosti

• Tvorba prototypů: Popis rozhraní a jeho sestavení agentem Codex nebo Claude v reálné pracovní složce.
• Živý náhled: Spuštění vývojového serveru a zobrazení výsledku v náhledu vedle chatu.
• Inspektor klikáním: Výběr prvku v náhledu a zadání pokynu k úpravě bez psaní cest.
• Designové systémy: Vytvoření jednou z popisu, importu DESIGN.md nebo přes AI a opětovné využití napříč projekty.
• Předání agentovi: Odeslání projektu do lokální relace Claude Code nebo Codex CLI jedním kliknutím.
• Prezentace: Tvorba snímků chatem s prohlížením v liště a promítáním na celou obrazovku.
• Animace: Projekty pohybového designu se startovní šablonou a ovládáním přehrávání.
• Editor kódu: Úprava zdrojových souborů přímo ve vestavěném editoru se zvýrazněním syntaxe.
• Knihovna projektů: Prohledávatelná mřížka náhledů všech projektů a designových systémů.
• Lokální ukládání: Projekty uloženy mimo aplikaci, takže přečkají aktualizace i odinstalaci.