Skip to main content
View as Markdown

Install skill

Give your AI coding agent the applicaster-preference-selector skill so it can build this integration on its own.

1. Install it

Run this in your terminal, from your project root:

npx skills add https://docs.applicaster.com --skill applicaster-preference-selector

In the agent picker, select your agent.

2. Use it

In your agent, paste this prompt (or just ask it to build the integration using the installed skill):

Use the applicaster-preference-selector skill to help me implement the Applicaster "Preference Selector" guide. Ask me about the requirements first, then build.

Preference Selector

The Preference Selector allows users to choose preferences from a predefined list, enabling you to deliver personalized experiences and content that align with the user’s choices. After asking your users what they prefer, you can present them with a tailored UI based on their choices. It can be a new navigation, different home screen and many more.

There are several ways to use the Preference Selector. This article focuses on creating the Preference Selector screen and feeds. To explore the use cases you can achieve with the Preference Selector, click here

Prerequisites

  1. Implement the Preference Selector feed.

On the Layout

  1. Create a general Screen
  2. Add to the screen a List or Grid component.
  3. Design the list's cell style using selected states to visually indicate the user’s choices.
  4. Connect the Preference Selector feed.