frontend-ui
Frontend UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When working inside src/react-app.
Skills correspondant au nom, à la description ou à l’auteur GitHub.
Frontend UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When working inside src/react-app.
Analyze React projects for onboarding. Use when exploring React/Next.js codebases, understanding component structure, counting screens/pages, analyzing UI patterns, reviewing custom hooks, examining state manag...
Debug SIWE (Sign-In with Ethereum) frontend wallet authentication issues. Use when encountering signature verification failures, UI state problems, or message signing bugs in wallet authentication flows. Trigge...
Build full-stack Drupal modules with backend services and frontend JavaScript. Covers services, REST APIs, database schema, Vite builds, Drupal behaviors, and block plugins. Use when creating Drupal 10 modules...
React/Vite 컴포넌트 빌드, 성능 최적화, Tailwind CSS 스타일링, shadcn/ui 컴포넌트 활용, 접근성 검토. 프론트엔드 기능 개발, UI 이슈 디버깅, 컴포넌트 코드 리뷰 시 사용.
프론트엔드 개발 스킬. RSC 보안, 서버/클라이언트 분리, SEO. 프론트엔드 작업 시 사용.
Frontend development for real_deal platform using Next.js 14.2, React 18.2, TypeScript 5.3.3, and Tailwind CSS 3.4.3. Use when working on web UI development, creating React components, building pages, integrati...
Angular standalone components, RxJS patterns, and reactive forms for frontend development. Use when: Building Angular components, services, guards, interceptors, or working with RxJS observables.
Angular 21 development with modern best practices including signals, standalone components, reactive patterns, and accessibility. Use when creating Angular components, services, templates, or performing any Ang...
Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms. Transforms agent into Tailwind V4 architecture specialist, capable of designing compone...
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
Full-stack setup with Brocoders NestJS backend and Extensive React frontend boilerplates.
This skill should be used when the work type is FRONTEND and visual verification is needed. Provides browser automation for screenshot comparison, responsive testing, and interactive element verification using...
Use this skill when handling dates and times in the application. Ensures consistent UTC storage and JST display patterns across backend and frontend code.
Criar ou evoluir um Design System reutilizavel no frontend do app de automacao com base no artefato UI.md (tokens + HTML/CSS do Stitch). Use quando for necessario implementar tokens globais, componentizar UI (B...
Defines the standard for peer-to-peer communication between Antigravity (Frontend Agent) and other specialized agents (e.g., Backend IDE Agent).
Next.js App Router frontend stack workflow: Server Components-first, Prisma server-only (Node runtime), Tailwind + shadcn/ui, TanStack Query, React Hook Form + Zod, and conventions for work under frontend/. Use...
Build complex, multi-component web applications using React, Tailwind CSS, and shadcn/ui. Use when creating dashboards, interactive tools, admin panels, or any sophisticated web artifact that needs modern front...
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Generates creat...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Gene...
Test local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Full-stack development context for coordinating changes across contracts and frontend. Use this skill when changes span both backend contracts and frontend code, requiring synchronized updates across the stack.
Expert guide for Odoo 19 development, including Backend (ORM), Frontend (Owl), OCA standards, and Docker debugging. Use this skill when the user asks for Odoo 19 development, creating/modifying Odoo modules, de...
Create production-ready frontend interfaces with high-quality, memorable design. Use when building web components, pages, or applications.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.