ai-organizer-ui-consolidation
Zamień 70+ poleceń terminalowych w elegancki interfejs webowy dostosowany dla osób z ADHD
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do budowy ujednoliconego interfejsu webowego dla AI File Organizer. Konsoliduje ponad 70 narzędzi CLI w jedną aplikację React z designem liquid glass inspirowanym macOS. Eliminuje konieczność używania terminala — zarządzaj plikami, wyszukuj zawartość, edytuj prompty VEO i kontroluj ustawienia systemu z jednego dashboardu. Idealne dla użytkowników, którzy potrzebują intuicyjnego, ADHD-friendly interfejsu zamiast przełączania się między poleceniami.
Jak używać
Zainstaluj skill w swoim projekcie Claude/Codex, wskazując repozytorium https://github.com/thebearwithabite/ai-file-organizer/tree/master/.claude/skills/ai-organizer-ui-consolidation jako źródło.
Przygotuj środowisko React 18 z Vite, Tailwind CSS, ShadCN UI, TanStack Query i Framer Motion — są to wymagane biblioteki do implementacji designu liquid glass i interakcji ADHD-friendly.
Użyj skilla do wygenerowania struktury komponentów dashboardu, który zastąpi wszystkie interakcje terminalowe. Skill zawiera design tokens dla frosted glass aesthetic (blur, kolory akcentów, przezroczystość) — zastosuj je w swoich kartach i panelach.
Zaimplementuj główne sekcje interfejsu: organizacja plików (drag-and-drop), wyszukiwanie zawartości, zarządzanie promptami VEO oraz kontrola ustawień systemu — wszystkie w jednym miejscu bez przełączania kontekstu.
Integruj wyniki z usług backendowych (Python CLI tools) poprzez REST API. Skill opisuje, jak konsolidować 31 415 linii kodu Pythona w serwisy, które frontend będzie konsumować.
Dodaj systemy rollback i undo dla operacji na plikach, aby użytkownik mógł bezpiecznie eksperymentować. Skill zawiera wytyczne do implementacji tych funkcji w React.