- **Zastosowanie**: Aktualne API Next.js 15, React 18, TypeScript
Sign in to like and favorite skills
@context7 get latest Next.js 15 App Router patterns@memory remember component relationship: ModernHeroSection uses GradientText@filesystem read src/components/ui/magic-ui.tsx@git status@git diff@git log --oneline -5@magic-ui generate gradient button with hover animation@firecrawl crawl https://competitor-portfolio.com@sequentialthinking plan redesign navigation component# 1. Zacznij od planowania @sequentialthinking plan new portfolio section implementation # 2. Sprawdź aktualny stan projektu @git status @memory recall recent component changes # 3. Research najlepszych praktyk @context7 get latest Next.js component patterns @firecrawl crawl inspiration-website.com
# 1. Przeanalizuj strukturę plików @filesystem list src/components/sections/ # 2. Wygeneruj komponent bazowy @magic-ui generate modern card component with animations # 3. Zapamiętaj decyzje projektowe @memory remember design decision: using framer-motion for animations
# 1. Sprawdź zmiany @git diff @filesystem read updated-component.tsx # 2. Zweryfikuj zgodność z best practices @context7 validate React component structure # 3. Commit zmian @git add . @git commit -m "feat: implement new component"
@context7 get Next.js 15 server components best practices Based on the documentation, create a server component for blog posts
Create a blog component
@memory recall project context@git status@sequentialthinking plan implementation steps@context7@filesystem@magic-ui@memory remember@git add . && @git commit@context7 validate@memory recall ModernPortfolioSection structure @context7 get Next.js image optimization techniques @magic-ui generate portfolio card with hover effects @filesystem read src/components/sections/ModernPortfolioSection.tsx
@context7 get Next.js 15 metadata API @filesystem read src/app/layout.tsx @memory remember SEO keywords: "web developer wrocław"
@context7 get Next.js bundle analysis techniques @git log --grep="performance" @filesystem analyze src/app/ bundle size
@sequentialthinking plan new hero section redesign @magic-ui generate hero with gradient background @memory remember hero dependencies: GradientText, BorderBeam @context7 validate component architecture
@filesystem list src/components/ --recursive @memory recall component relationships @context7 analyze component architecture patterns
@firecrawl crawl modern-portfolio-sites.com @memory remember design inspiration from crawled sites @magic-ui generate components based on trends
@git log --since="1 week ago" @memory recall recent changes and decisions @context7 check for deprecated patterns @filesystem audit src/ for unused files
@memory recall@context7@git log --since="1 week ago" --oneline @memory recall weekly decisions and learnings @sequentialthinking validate completed tasks
🎯 Cel: Maksymalizacja produktywności przy zachowaniu jakości kodu i zgodności z nowoczesymi standardami Next.js 15 + TypeScript!
## Plan zmiany: [Opis co ma zostać zmienione i dlaczego] ## Pliki do modyfikacji: - `path/to/file1.ts` - [opis zmian] - `path/to/file2.tsx` - [opis zmian] ## Szczegółowy plan działania: 1. [Krok 1] 2. [Krok 2] 3. [Krok 3] ## Potencjalne ryzyka: - [Ryzyko 1] - [Ryzyko 2] Czy zatwierdzasz wprowadzenie tych zmian?