prfct.dev

Design System do szybkiego i bezbłędnego dostarczania wartości. Automatyzacja, prostota i minimalizm.

Filozofia systemu

Trzy filary

Jeden schemat komponentów, zero magicznych wartości. Spójność systemu jest ważniejsza niż unikalność pojedynczego widoku.

Gotowe bloki do kompozycji. Hackathon-ready — od zera do działającej strony w minuty, nie godziny.

Tokeny CSS w globals.css kaskadują przez całą aplikację. Dark mode bez prefixu dark: — obsługują go wyłącznie tokeny.

Sekcja III

Cztery warstwy z ograniczonymi, ściśle zdefiniowanymi odpowiedzialnościami.

Atomy

components/ui/

Shadcn/ui — Button, Input, Badge, Card. Czyste atomy bez wiedzy o kontekście.

Szkielet

components/layout/

6 prymitywów przestrzeni — Section, Container, Stack, Grid, Heading, Text.

Wzorce

components/blocks/

Złożone sekcje gotowe do wdrożenia — HeroTitle, CardIcon, NavLanding.

Widoki

app/page.tsx

Czysta kompozycja bloków. Zero logiki, zero kilometrów kodu.

Zacznij od Założeń — filozofia systemu i zasady prowadzące każdą decyzję projektową.