К основному содержанию
скилл CX Codex

search · mobbin — скилл для Claude Code: что делает и как установить

Настраивает поисковые запросы к базе интерфейсов Mobbin. Помогает агенту точнее подбирать экраны, лендинги и пользовательские сценарии.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add mobbin/skills --skill search -a claude-code
Открыть на GitHub

Что делает search

Скилл задаёт правила для вызовов search_screens, search_flows и search_sections. Поиск в каталоге Mobbin опирается на смысл фразы, а не на ключевые слова. Агент формулирует лаконичные описания экранов без лишних домыслов вроде аватаров или бейджей, о которых пользователь не просил.

В запрос разрешено включать не более трёх ограничений: визуальные параметры (dark mode, bottom sheet), состояния или конкретные блоки. Для экранов скилл переключает mode между standard и deep. Если первой выборки мало, агент отправляет повторный запрос с массивом просмотренных идентификаторов в exclude_screen_ids до 100 штук, либо запрашивает следующую страницу через параметр page.

Фильтра для Android в инструментах нет, поэтому поиск под Android агент ведёт с параметром platform: ios. Без подключённых инструментов поиска Mobbin этот скилл не принесёт пользы.

Какие задачи решает

  • составить семантический запрос к каталогу интерфейсов Mobbin
  • выбрать подходящий инструмент между экранами, блоками сайтов и флоу
  • исключить дубликаты экранов при повторной выборке через exclude_screen_ids
  • найти примеры мобильных интерфейсов под iOS

Примеры запросов агенту

  • Найди экраны пейвола с карточками тарифов и кнопкой пробного периода
  • Подбери секции с ценами для посадочной страницы
  • Покажи сценарий подтверждения почты при регистрации

Как установить search

1Через Skills CLI (Vercel)

npx skills add mobbin/skills --skill search -a claude-code

2Вручную: положить файлы

~/.claude/skills/search/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/search/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о search

Как установить search в Claude Code?

Выполните команду npx skills add mobbin/skills --skill search -a claude-code. Конфигурация запишется в файл ~/.claude/skills/search/SKILL.md.

Что делает скилл search?

Он учит агента формулировать точные запросы к Mobbin, выбирать правильные инструменты поиска и постранично листать выдачу.

Как искать интерфейсы под Android?

Отдельного фильтра Android в инструментах Mobbin нет. Скилл направляет такие запросы в категорию ios и помечает найденные референсы как iOS.

Исходный текст

SKILL.md · MIT
---
name: search
description: Gets better results from every Mobbin search, so the references match what you're working on. Use before every call to search_screens, search_flows or search_sections. Covers the tool, writing an effective query, the mode, pulling more results, and what to do when a search falls short.
---

# Searching Mobbin

**Read best practices first.** If the Mobbin `best-practices` skill hasn't been read in this conversation, invoke it before searching, since it says when a search should run at all and when another skill should run it.

A calling skill may set its own search rules, such as how many queries per problem or which mode to use. Where they differ from these, the calling skill's rule wins.

## How search works

- **Search matches meaning, not keywords.** A plain phrase ("paywall with a free trial") works better than a list of keywords ("paywall, trial, subscription, pricing").
- **Name an app only when the task needs it.** Adding an app name to the query filters results to that app. But not every result is from that app, so check `app_name` and `site_name` before citing.
- **The query also sets a language filter** on screens and flows when it names one ("Japanese banking app"). Name a language only when the task needs it.
- **When results are weak, change the query.** Drop or reword a constraint, or use the user's own words. Don't add parts they didn't ask for. Raising `limit` or resending the query as it was brings back the same matches. To get more results for a query that works, see [A second pull](#a-second-pull).

## Choosing the tool

| Target | Tool |
|---|---|
| A screen or component in an app | `search_screens` with `platform` |
| A section of a marketing site (hero, pricing, feature grid, footer) | `search_sections`, which takes no `platform` |
| A journey, or one screen whose place in a journey matters (the verify-email step of sign-up) | `search_flows` with `platform`. For one screen, pick it from the flow's screens. Only some screens come with a preview; open the `image_url` of any other before citing it |

`platform` is `ios` or `web`, and it is the only filter you set. The tools have no Android, so an Android target searches `ios`. Say the references are iOS wherever you cite them.

## Writing the query

**One screen, flow or section per query.** Start with its type, which is the target. A bare type is a good query.

Every query stays within these limits:

- **At most three constraints.** Each state, step, visible part or visual trait (`dark mode`, `bottom sheet`) is one: "paywall with plan cards and a free trial button" has two. The type ("paywall", "signup screen"), the domain ("meditation app", "banking app") and an app name ("Calm", "Revolut") are not constraints, so "Calm paywall with plan cards" has one. If the request has more than three, keep the three that matter most and check the results for the rest by looking at them. Don't move the rest to a second query about the same target: each query would find screens with only some of the parts.
- **Every constraint comes from the request or the problem.** Never add parts you expect the target to have, such as an avatar on a profile or plan cards on a paywall. They narrow the results to screens that match your guess.

Rules:

- **Search at the target's level.** A screen target searches the whole screen ("expense tracker home with no transactions"), never one card of it. A component target searches the screen it lives on.
- **When the task is choosing between options, name the part, not one of the options.** The results need to show more than one way to solve it: "paywall with plan cards and a free trial button", not "paywall with a yearly toggle". Don't join options with "or", and don't put a fix in the query ("with a prompt to add", "placeholder bars"). When the task is finding that exact thing, name it ("banking app search tab with a text label").
- **Say each thing once.** "Empty state", "no transactions yet" and "before any are added" are one state. Keep the shortest.

| Don't | Do |
|---|---|
| "social app user profile with avatar, follower counts and post grid" (when the user's question is simply "find me profile screens from social apps", this adds parts nobody asked for) | "social app user profile screen" |
| "paywall where the trial button is buried below a long table" (the problem in the query) | "paywall with a free trial button" |
| "expense tracker home overview in empty state with no transactions yet and prompt to add first expense" (the state said twice, a fix named) | "expense tracker home with no transactions" |
| "spending chart card with no data yet, placeholder bars or empty donut" (one card of a screen target, two options joined by "or") | "spending overview with no transactions" |
| "ios signup screen" (platform in the query) | "signup screen", with `platform` `ios` |
| "clean modern invoice list for Acme" (taste words, the user's product) | "invoice list" |
| "onboarding paywall settings" (several screen types in one query) | one call per screen type |
| "pricing page with hero, plans and FAQ" (several sections in one query) | one call per section |
| "invite teammates screen" (one screen, when the target is a journey) | "inviting teammates during workspace setup", on `search_flows` |

Leave out the user's copy, data and brand, and instructions such as "examples of" or "best". Visual traits Mobbin tags help when the request or problem names them: `dark mode`, `bottom sheet`, `modal`, `full-screen`, `card-based`.

When a pull returns products from outside the task's domain, search again with the domain's noun ("meditation app paywall") instead of citing them. If you do cite a product from another domain, say it is there for its structure only.

## Choosing the mode

`mode` is on `search_screens` only. Pick it from the query you wrote:

| The query | `mode` |
|---|---|
| No constraints ("social app user profile screen", "Calm paywall") | `standard` |
| One to three constraints ("paywall with lifetime option and a discount") | `deep` |

`deep` drops matches it scores as weak, so it can return fewer results than `limit`. A short pull means few close matches, not that Mobbin has none. Send a second pull or change the query before you say something is missing.

## A second pull

When a pull doesn't cover what you need, send the same query again with the tool's way of getting more results. That brings new results instead of the first ones reordered. Changing the query makes it a new search, even with exclusions.

- `search_screens`: the same query and `mode`, with every id already seen in `exclude_screen_ids`, up to 100.
- `search_sections` and `search_flows`: the next `page`, dropping results already seen. When `has_next_page` is false, there is no next page, so change the query instead.

## When a search falls short

Handle each case as below. When one still fails, say so in one line, where the calling skill reports a lost search or in the reply when there is none.

**A named product doesn't come up**, meaning it's in no result's `app_name` or `site_name`:

1. If the query spelled the name differently from the product, search again with the product's own spelling.
2. On sections, which have no name filter, ask for the next `page` while `has_next_page` is true. The site may rank past the first page.
3. On screens and flows, when the task isn't tied to one platform, try the other `platform`, since a product can be on Mobbin for iOS or web only. Cite what you find as that platform. Skip this step when the task is for one platform (an iOS redesign has no use for a web screen).

If it's still missing, carry on with the category search. Describe nothing about the product from memory, and don't let another product's screen stand in for it. A screenshot the user shared of it stays their reference.

**Images don't open.** Previews come as `webp`, which not every host can open. Call again with `image_format` set to `jpg`. If they still don't open, cite nothing from that call, since a screen you couldn't see is not a reference.

**The tool refuses the call.** Don't retry it or change the query, since every call will be refused. Stop searching and say so. An error about the input, such as an invalid argument, is different: fix the input and call again.

© mobbin · MIT · mobbin/skills

Похожие скиллы

Всё по теме «Дизайн» →

Сначала — search от других авторов.

search официальный anthropics Параллельно ищет информацию по подключённым MCP-источникам и собирает единый ответ. Пригодится, когда решение или переписка затерялись между почтой, чатом и трекером. CX Codex +1 5 000установок search browserbase Скилл даёт агенту поиск в вебе через Browserbase Search API: возвращает ссылки с заголовками, авторами и датами, без запуска браузерной сессии. CX Codex +1 2 800установок search brightdata Ищет информацию в вебе через Bright Data CLI. Запускает классический сбор поисковой выдачи Google, Bing и Yandex или семантический поиск страниц с учётом интента. CX Codex +1 7 500установок search entireio Ищет решения, обсуждения и код в сохранённой истории Entire по всем доступным репозиториям. Помогает вспомнить контекст прошлых задач до чтения файлов проекта. CX Codex +1 458установок search aladicf Помогает спроектировать поиск по сайту: подсказки, фильтры, выдачу результатов и выход из пустой выдачи. CX Codex +1 626установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой