uxkin-research – Data & Science skill for AI agents
Research how real products handle a screen, flow or visual style before designing it: search UXKIN's real iOS screens, user journeys and website design systems, compare several and report what they share.
Install the uxkin-research skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /uxkin-research – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $uxkin-research – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /uxkin-research – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /uxkin-research – then describe the task you want done.
SKILL.md content
UXKIN research
When a design decision depends on how real products do it, look at
several real examples, compare them properly and report what they show,
before anyone writes code. This skill uses the UXKIN MCP tools:
find_ui_references: real apps, screens, journeys and websitesget_journey: every screen of one journey, in orderfind_ui_materials: colors with their roles, typography, components
and the DESIGN.md of real website design systems
list_collections/get_collection: references the person saved on
UXKIN; when they mention their saved picks or a collection, start there
When to Use
- Use when the person asks how other apps handle a screen or flow ("how do other apps do onboarding?").
- Use when they want UI inspiration or comparable apps before designing.
- Use when they need examples of a flow: onboarding, sign-up, checkout, paywall, cancellation, account deletion, empty states.
- Use when they need a real website design system to start from.
If the tools aren't connected
Don't present examples from memory as if they were real research, and
don't describe screens you haven't seen. Answer from the project itself
and general principles, say clearly that it isn't based on real
references, and mention once, in one short sentence, that connecting
UXKIN (https://uxkin.com) lets you compare real apps and flows for this.
Don't repeat it.
If a search says the account needs a plan, tell the person once and
carry on without references.
1. Frame the question
Turn the request into one or two concrete questions, for example: "Where
do subscription apps put cancelling, and how many steps does it take?"
or "What does a dark fintech site use for surfaces and accents?". Note
the product type and platform, since they decide which examples are
relevant.
2. Search in plain words
Call find_ui_references with the product type, the screen or flow and,
if it matters, the platform: "meditation app onboarding", "delete
account", "empty state search results". Leave out filler such as
"screen", "design" or "UI".
Apps name flows in their own words, so try a second wording when results
are thin: "cancel subscription" and "manage subscription", "sign up" and
"create an account", "paywall" and "choose a plan".
For a visual style or a starting design system, call find_ui_materials
with the product type and mood: "developer tools dark", "wellness light
warm".
3. Open journeys, don't stop at thumbnails
For anything with more than one step, open 3 to 5 journey results with
get_journey and compare them end to end:
- Start: which screen leads into the flow, and what else lives there.
- Steps: how many, and what each one is for. Mark steps that only
persuade, upsell or survey.
- End: a confirmation, the home screen, the next task, a paywall.
- Spread: the shortest and longest versions, and what explains the
difference.
For design systems, compare color roles (background, surface, text,
accent), type and the components each one names.
4. Report
Keep it short and concrete:
1. What most of the examples do (the pattern), naming the apps or sites
and journeys so the person can look at them on uxkin.com.
2. Where they differ, and which option fits this product and why.
3. A recommendation, or two options with the trade-off.
Report only what you saw in the results. Don't guess at screens you
didn't open.
Use patterns, not products
References guide decisions; they are not templates. Never copy another
product's branding, logos, illustrations or text. The product's own
requirements, accessibility and platform conventions always win over a
reference.
When the person moves on to building, follow the no-ui-slop skill if
it's installed.
Examples
The person asks: "How do other meditation apps onboard new users?"
1. Frame it: what starts the flow, how many steps, and what ends it?
2. find_ui_references("meditation app onboarding")
3. get_journey on 3 to 5 results; note the start, each step's purpose and the end.
4. Report the shared pattern, where the flows differ and one recommendation.For a starting design system, call find_ui_materials("wellness light warm"), compare the named color roles, type and components, then say which one fits the product and why.
Limitations
- Needs the UXKIN MCP tools connected. Without them the skill answers from the project and general principles, and says so.
- Real references depend on the UXKIN account; a plan-limited search returns no examples and the skill carries on without them.
- Covers iOS app screens, user journeys and website design systems. Other platforms may have no references.
- References inform decisions; they are not templates and never override the product's own requirements, accessibility or platform conventions.
Related skills
- variant-analysis – Find similar vulnerabilities and bugs across codebases using pattern-based analysis. Use…
- vector-database-engineer – Expert in vector databases, embedding strategies, and semantic search implementation…
- vector-database-ops – Deploy, manage, and optimize vector databases for AI applications.
- warehouse – Plan and review read-only data warehouse analysis with explicit scope, privacy…
- weather-data-lifecycle-management – Manage ownership, retention, and cleanup of downloaded weather data across one-shot…
- weather-data-reproducibility – Record and verify provenance manifests for weather-data inputs and derived artifacts…
- weather-model-data-fetching – Retrieve numerical weather prediction data from public AWS S3 and HTTP archives using…
- weather-pipeline-performance-diagnosis – Diagnose slow weather-data workflows by measuring discovery, transfer, parsing…