uxkin-research – skill Dữ liệu & Khoa học cho agent AI
Nghiên cứu cách các sản phẩm thực tế xử lý một màn hình, luồng hoặc phong cách hình ảnh trước khi thiết kế: tìm trong màn hình iOS thật, hành trình người dùng và hệ thống thiết kế website của UXKIN, so sánh nhiều mẫu và báo cáo điểm chung.
Cài skill uxkin-research bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /uxkin-research – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $uxkin-research – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /uxkin-research – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxkin-research-b1c35.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /uxkin-research – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
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.
Skill liên quan
- variant-analysis – Tìm các lỗ hổng và lỗi tương tự trong codebase bằng phân tích dựa trên mẫu. Dùng khi săn…
- vector-database-engineer – Chuyên gia về cơ sở dữ liệu vector, chiến lược embedding và triển khai tìm kiếm ngữ…
- vector-database-ops – Triển khai, quản lý và tối ưu cơ sở dữ liệu vector cho các ứng dụng AI.
- warehouse – Lập kế hoạch và review phân tích kho dữ liệu chỉ đọc, với phạm vi, quyền riêng tư, nguồn…
- weather-data-lifecycle-management – Quản lý quyền sở hữu, thời gian lưu giữ và dọn dẹp dữ liệu thời tiết đã tải về qua các…
- weather-data-reproducibility – Ghi và xác minh manifest nguồn gốc (provenance) cho dữ liệu thời tiết đầu vào và sản…
- weather-model-data-fetching – Lấy dữ liệu dự báo số trị thời tiết từ kho lưu trữ công khai AWS S3 và HTTP, dùng GRIB2…
- weather-pipeline-performance-diagnosis – Chẩn đoán quy trình dữ liệu thời tiết chậm bằng cách đo riêng từng bước: tìm kiếm…