Favourite Location — community Favourite Location, WeatherForecast, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Frontend Agents needing location-based user interface enhancements with Redux and local storage integration. JavaScript Software Development Engineer Exercise (AI-First)

vativa vativa
[0]
[0]
Updated: 1/29/2026

Agent Capability Analysis

The Favourite Location skill by vativa is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for Frontend Agents needing location-based user interface enhancements with Redux and local storage integration.

Core Value

Empowers agents to create interactive favourite location lists using JavaScript, persisting data in local storage and leveraging Redux for state management, with features like sticky navbars and Heart icon buttons.

Capabilities Granted for Favourite Location

Creating favourite location lists
Persisting user preferences in local storage
Developing interactive weather forecast interfaces with Redux

! Prerequisites & Limits

  • Requires JavaScript and Redux setup
  • Limited to client-side storage with local storage
  • No server-side data synchronization
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

Favourite Location

Install Favourite Location, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Task: Create functionality for keeping favaoute locations

  • Create sticky navbar on top of the site having a "Favourites" button (preferably using Heart icon, keep right).
  • Extend Redux store to create actions when interacting with weather forecast buttons/cards.
  • Please persist favourite entries in local storage so that they are available on page reload/refresh.
  • Clicking on "Favourites" button in the navbar should list all favourite locations under the SearchBar component.
  • Each favourite entry listed should be clickable, on click triggers "Get Location" button logic, and fetching/rendering weather results for that location.

Task: Autorefresh with predefined interval 15, 30, 60 minutes

  • Please add predefined interval list with mentioned count of minutes.
  • Custom interval should be supported to add to the bottom of predifined intervals.
  • Add intervals to the Redux store in their own slice/object.
  • Always use current location from the Redux store to fetch weather data.
  • Add autorefresh logic to fetch weather data for the current location based on selected interval.
  • Each custom interval entry has a "X" delete button to remove it from the list.
  • Activating a timer without current location will result in empty expectations by the user.
  • Please notify the user about missing curent location with warning.
  • Do not activate auto refresh interval without current location.
  • Do not disable interval buttonss on missing current location, just warn the user on click.

Code Standards

  • Keep files under 100 lines where possible.
  • DRY - Don't Repeat Yourself.

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is Favourite Location?

Perfect for Frontend Agents needing location-based user interface enhancements with Redux and local storage integration. JavaScript Software Development Engineer Exercise (AI-First)

How do I install Favourite Location?

Run the command: npx killer-skills add vativa/WeatherForecast/Favourite Location. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for Favourite Location?

Key use cases include: Creating favourite location lists, Persisting user preferences in local storage, Developing interactive weather forecast interfaces with Redux.

Which IDEs are compatible with Favourite Location?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for Favourite Location?

Requires JavaScript and Redux setup. Limited to client-side storage with local storage. No server-side data synchronization.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add vativa/WeatherForecast/Favourite Location. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use Favourite Location immediately in the current project.

Related Skills

Looking for an alternative to Favourite Location or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI