develop-frontend
Next.js/Reactによるフロントエンド実装スキル(UI、API連携、状態管理、テスト)
Skills matching the name, description or GitHub author.
Next.js/Reactによるフロントエンド実装スキル(UI、API連携、状態管理、テスト)
Frontend development guidelines for Next.js + React 19 + shadcn/ui applications. Modern patterns including App Router, Server Components, Client Components, Server Actions, shadcn/ui with Tailwind CSS, React Ho...
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing or reviewing frontend code.
Frontend testing patterns for MuebleriaIris UI components. Trigger: When writing tests for Astro pages or React components.
Use when creating FastAPI backend applications - route handlers, dependencies, CORS config, or Pydantic models. NOT when frontend logic, non-Python backends, or unrelated server-side code. Triggers: "FastAPI",...
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and...
Create distinctive frontend interfaces with faux-ASCII aesthetic, warm dark palettes, and expressive motion. Use when user mentions ASCII art, dot matrix, scanline effects, terminal aesthetic, pixelated figures...
UI/UX research and design expert specialized in automated codebase audits to detect and fix broken navigation, faulty UI elements, and inconsistent user flows across frontend and backend.
Enforce WCAG 2.2 accessibility standards. Use when creating UI components, reviewing frontend code, or when accessibility issues are detected. Covers semantic HTML, ARIA, keyboard navigation, and color contrast...
Use when writing tests for backend APIs or frontend flows. Triggers for: unit tests, integration tests, E2E tests, pytest fixtures, TestClient setup, mock data factories, or test coverage analysis. NOT for: tes...
Run local end-to-end tests for each module. Use for testing LLM, backend, frontend services.
Comprehensive testing toolkit for LucidData using Playwright (E2E) and Vitest (unit/integration). Use when verifying frontend functionality, testing user flows (auth, vault CRUD, consent management), running te...
E2E and browser testing for RawDrive using Playwright MCP. Use for testing UI flows, verifying frontend functionality, debugging visual issues, and capturing screenshots.
Unified testing commands and patterns across frontend and backend.
Senior frontend code review for Vue/TypeScript. Use when reviewing PRs, checking code quality, or validating against project conventions.
Autonomously verifying venue "Buzz" status and frontend rendering.
Activate this skill when: - Starting a new dashboard build - User asks about design decisions - Creating design_brief.md
Crie interfaces frontend distintas e de nível de produção com alta qualidade de design. Use esta habilidade quando o usuário solicitar a criação de componentes web, páginas, artefatos, pôsteres ou aplicativos (...
Validates system integration before deployment. Use when checking ports, database connections, frontend-backend APIs, or debugging blocked/stuck workflows. Detects dead ends, bottlenecks, circular dependencies.
Start the backend (FastAPI/uvicorn) and frontend (Vite) development servers. Use when user mentions "start dev", "run servers", "launch app", "start the app", or needs to run the application locally.
Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async...
ForkLore 프론트엔드(Next.js 16/React 19) 개발 워크플로우 스킬. 이슈 기반 개발 + develop 브랜치 전략 + Server-First 아키텍처 + shadcn/ui 컴포넌트 + Zustand 상태관리 + Vitest/ESLint/Prettier 린트 + TDD 워크플로....
Develops or modifies the Streamlit frontend in the @[streamlit_app] directory. Use when the user requests changes to the UI, dashboards, visualizations, or new tools in the streamlit app.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.