skills.rest
mayervc
mayervcCOMMUNITY
Explore all skills by this author →
GitHub

movie-app-features

Implement a TypeScript feature suite with search, filters, details, and favorites.

Updated Feb 9, 2026
Search Tags:#typescript#ui#frontend#react#search#filters#movie
One-click install
npx skills add https://github.com/mayervc/movie-app --skill movie-app-features
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: movie-app-features
Source: https://github.com/mayervc/movie-app/tree/main/.cursor/skills/movie-app-features
Command: npx skills add https://github.com/mayervc/movie-app --skill movie-app-features

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Este Skill guía la implementación de features y componentes para Movie App siguiendo patrones establecidos. Usa cuando necesites crear funcionalidades como búsqueda, filtros, detalles de películas, favoritos, autenticación, o cualquier componente específico de la aplicación.

Core Features & Use Cases

  • Catálogo con Grid/Lista
  • Búsqueda con Sugerencias
  • Filtros (Género, Año, Calificación)
  • Página de Detalles
  • Sistema de Favoritos
  • Tipos TypeScript
  • Servicios API
  • Hooks Personalizados

Quick Start

Configura la Movie App para iniciar con un catálogo interactivo con búsqueda y filtros.

Frequently Asked Questions about movie-app-features

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement a movie catalog with search and filters in React and TypeScript?▼

To implement a movie catalog with search and filters in React and TypeScript, build a modular feature suite with typed components. It includes a grid/list catalog, debounced search suggestions, genre/year/rating filters, and a details page wired to an API service.

How does debounced search work for movie suggestions in a frontend application?▼

Debounced search for movie suggestions delays API requests until the user stops typing, reducing network calls. The Skill implements this within custom hooks to provide responsive, typed search suggestions wired directly to the movie API service.

What is the best way to persist favorite movies locally in a React app?▼

The best way to persist favorite movies locally in a React app is using localStorage. The Skill implements a favorites system that saves user preferences to localStorage, ensuring data persists across sessions without requiring a backend database.

Can I use TypeScript to enforce strict typing for API responses and UI components in a movie app?▼

Yes, you can use TypeScript to enforce strict typing for API responses and UI components in a movie app. The Skill mandates typed components and API integration, ensuring type safety across the catalog, filters, and detail pages.

How do you handle API errors and responsive UI for a movie grid layout?▼

Handling API errors and responsive UI for a movie grid layout requires robust error handling and responsive design patterns. The Skill enforces both, ensuring the catalog adapts to different screen sizes while gracefully managing API failures.

Related Skills

Explore More Software Engineering Skills→
gileckgileck

client-server-communications

Standardize client-server API communication with centralized endpoint patterns and React Query.

Community
Advanced
TencentCloudBaseTencentCloudBase
72

web-development

Structure and deploy web frontend projects with CloudBase Web SDK integration.

Official
Intermediate
tianhuiltianhuil

usehooks-ts

Provide 33+ TypeScript React hooks for state, effects, DOM, and browser APIs.

Community
Advanced
michsindlingermichsindlinger
1

UI Component Architecture

Guide scalable UI component architecture across React, Vue, and Angular.

Community
Advanced