Przejdź do treści
Mateusz Cieplak

Narzędzie wewnętrzne · Next.js

hq.profitway.pl

Wewnętrzny system agencji, dla ludzi i dla narzędzi AI

Panel dla całego zespołu Profitway: materiały marki, codzienne narzędzia i dwa serwery MCP, które dają asystentom AI, takim jak Claude i Cursor, bezpośredni dostęp do brandbooka i dokumentacji technicznej firmy. Logowanie przez Google, tylko dla kont firmowych.

Rola
Główny programista: 213 z 244 commitów
Okres
luty - październik 2026
Technologie
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Auth.js
  • next-intl
  • MCP
  • Vitest
  • Docker
Co obsługuje panel
  1. Logowanie

    1. Konto Google
    2. Tylko domena firmowa
  2. Dla ludzi

    1. Brandland
    2. Devland
    3. Baza pracowników
    4. Stopki mailowe
    5. Oferty pracy
    6. Sejf
  3. Dla narzędzi AI

    1. MCP brandbooka · 19 narzędzi
    2. MCP dokumentacji IT · 10 narzędzi

Jedna aplikacja Next.js, wdrożona w Dockerze.

modułów
6
narzędzi w 2 serwerach MCP
29
testów automatycznych w CI
167
interfejs, instalowany jak aplikacja
PL / EN

Kontekst

Agencja potrzebowała jednego miejsca na materiały marki i codzienne narzędzia, dostępnego dla pracowników i dla asystentów AI, z którymi zespół pracuje na co dzień.

We wrześniu 2026 panel przeniósł się z office.profitway.pl na hq.profitway.pl. Stare adresy przekierowują na nową domenę z zachowaniem ścieżki, więc zapisane linki nadal działają.

Co zrobiłem

  • Brandland: brandbook w PDF, konfigurator logo i sygnetu z eksportem do SVG, PNG i JPG, kolory, typografia z paczką fontów, ikony i animacje Lottie eksportowane do GIF i MP4
  • Devland: pliki design systemu przygotowane dla narzędzi AI i instrukcje konfiguracji MCP krok po kroku
  • Baza pracowników pobierana z Google Workspace, z rolami w konfiguracji
  • Generator stopek mailowych, który tworzy gotowe stopki HTML
  • Oferty pracy z edytorem WYSIWYG dla administratorów i publicznym feedem JSON
  • Sejf: hasła szyfrowane w przeglądarce przed zapisem, do udostępniania klientom bez konta
  • Cały panel po polsku i angielsku, do zainstalowania na telefonie jako PWA
  • Publiczny serwer MCP brandbooka: każdy może podłączyć Claude'a albo Cursora do kolorów, typografii, logotypów, komponentów i szablonów maili Profitway

MCP brandbooka · 19 narzędzi

Publiczny serwer MCP udostępnia brandbook jako narzędzia. Asystent AI pyta o dokładne kolory, tokeny albo logo, zamiast je zgadywać.

  • get_brand_colors
  • get_typography
  • get_logo
  • get_logo_guidelines
  • get_icons
  • get_icon_guidelines
  • get_animation_guidelines
  • get_keyframes
  • get_tailwind_tokens
  • get_token
  • get_shadcn_setup
  • get_full_design_system
  • get_design_doc
  • get_component
  • list_components
  • list_assets
  • get_email_template
  • list_email_templates
  • get_llms

Trudne momenty i jak je rozwiązałem

  1. Problem

    Asystenci AI nie widzieli zasad marki ani dokumentacji IT, więc zespół wklejał je do promptów ręcznie.

    Rozwiązanie

    Dwa serwery MCP jako bezstanowe route handlery Streamable HTTP w tej samej aplikacji Next.js: brandbook z 19 narzędziami z firmowej biblioteki design systemu i dokumentacja IT z 10 narzędziami, które czytają prywatne repozytorium na żywo.

  2. Problem

    Kod szybko rósł i we wrześniu nie miał CI, testów, a lint nie działał.

    Rozwiązanie

    Zaplanowany refaktor: wspólne komponenty UI, jeden kanał MCP na serwer i pipeline CI, który przy każdym pull requeście uruchamia lint, sprawdzanie typów, 167 testów i build.

  3. Problem

    Przeniesienie panelu na nową domenę bez psucia zakładek i integracji.

    Rozwiązanie

    Stałe przekierowania ze starej domeny z zachowaniem ścieżki, wdrożone i zamknięte w cztery dni.

Wyniki

  • 6 modułów na 21 stronach i 13 trasach API
  • 2 serwery MCP z 29 narzędziami dostępnymi w Claude i Cursorze
  • CI przy każdym pull requeście: lint, typy, 167 testów i build
  • Interfejs po polsku i angielsku, instalowany jak aplikacja

Sam panel jest za firmowym logowaniem, dlatego pokazuję publiczne ekrany.

Ekrany

Przesuń palcem albo użyj przycisków, żeby przejrzeć ekrany.

  • Logowanie, tylko firmowe konta Google
    Komputer · Logowanie, tylko firmowe konta Google
  • Logowanie na telefonie
    Telefon · Logowanie na telefonie
  • Sejf: przekazanie hasła agencji bez zakładania konta
    Komputer · Sejf: przekazanie hasła agencji bez zakładania konta
  • Sejf na telefonie
    Telefon · Sejf na telefonie

Kontakt

Porozmawiajmy.

Szukasz frontend developera, który doprowadzi projekt aż do produkcji? Skorzystaj z formularza albo napisz bezpośrednio.

kontakt@mateuszcieplak.com

Dane służą wyłącznie do odpowiedzi. Formularz obsługuje Web3Forms.

Skontaktuj się