Toolverse
All skills

frontend-code-review

by langgenius

Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
41

About this skill

Trigger when the user requests a review of frontend files (e.g., .tsx, .ts, .js). Support both pending-change reviews and focused file reviews while applying the checklist rules.

How to use

  1. Zainstaluj umiejętność w swoim agencie Dify, wskazując repozytorium langgenius/dify i ścieżkę .agents/skills/frontend-code-review.

  2. Poproś agenta o przegląd kodu frontendowego, używając naturalnego języka, np. "Przejrzyj moje pliki TypeScript" lub "Sprawdź ten komponent React przed committem".

  3. Podaj ścieżkę do pliku lub plików, które chcesz przeanalizować. Umiejętność automatycznie rozpoznaje rozszerzenia .tsx, .ts i .js.

  4. Agent przeskanuje kod względem listy sprawdzającej obejmującej trzy kategorie: jakość kodu, wydajność i logikę biznesową. Każde naruszenie reguły zostanie oznaczone jako pilne lub sugestia.

  5. Przejrzyj raport — najpierw problemy pilne (do natychmiastowego naprawienia), potem sugestie ulepszające. Każde znalezisko zawiera ścieżkę pliku, numer linii, fragment kodu i propozycję naprawy.

  6. Zastosuj poprawki w swoim kodzie i ponownie poproś o przegląd, aby potwierdzić, że wszystkie problemy zostały rozwiązane.

Related skills

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151