sergekostenchuk/ui-ux-agent-skill-system

ux-journey-architect

Map user journeys, onboarding paths, entry points, first actions, trust points, accessibility risks, and SEO/LLM handoffs for public websites without redesigning the visual system.

查看源码

使用方法

  1. 复制安装命令,在自己的智能体环境安装前先检查源码包。
  2. 从原始文档核对所需工具、凭据和支持的宿主。
  3. 说明输入材料与期望交付物,并对照来源检查输出。
npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill ux-journey-architect

开始前需了解

  • 安装不包含模型订阅、API 额度或访问文件的权限。
  • 仓库星数和安装量反映活跃情况,不等于独立质量或安全测试。
仓库原始内容

按源仓库内容呈现,保留标题、案例、代码、表格、链接以及原文引用的演示图片。

UX Journey Architect

Use this skill after the site goal, primary audience, and rough URL structure are known.

Read references/journey-workflow.md before producing a full journey map.

Owns

  • user journey maps;
  • onboarding paths;
  • entry point and first-action design;
  • CTA hierarchy by intent;
  • trust points and credibility signals;
  • accessibility and mobile journey risks;
  • UX handoff requirements for SEO/LLM page roles.

Does Not Own

  • final visual design;
  • component implementation;
  • browser rendering tests;
  • SEO schema or canonical decisions;
  • live site code changes;
  • conversion instrumentation implementation.

Workflow

  1. Identify audience segments and entry sources.
  2. Map what each segment needs to understand in the first viewport and first scroll.
  3. Define the primary action, secondary actions, and proof needed for trust.
  4. Map the path from entry page to next useful page.
  5. Check that the journey does not hide SEO/LLM-critical content or break the content model.
  6. Identify mobile, accessibility, and cognitive-load risks.
  7. Produce a journey map using assets/journey-map.template.md.
  8. Defer visual layout validation, retention systems, and onboarding implementation to the backlog when needed.

Non-Negotiables

  • Do not propose generic landing-page filler.
  • Do not hide actual content behind oversized decoration.
  • Do not add CTAs that have no user intent.
  • Do not weaken the declared SEO/LLM content model.
  • Do not replace short news and longform pages with a marketing funnel unless the site goal changed.
  • Do not claim conversion uplift without measurement.

Safety And Privacy Boundaries

  • Do not include private analytics rows, raw IP logs, account identifiers, session recordings, or private user data in public journey artifacts.
  • Do not recommend dark patterns, forced subscriptions, misleading urgency, fake social proof, or inaccessible interactions.
  • Do not request credentials unless the user explicitly asks for a credentialed analytics task and a privacy policy exists.

Journey Types

New Reader

Needs fast positioning, why this source is different, where to start, and how to follow updates.

Returning Reader

Needs freshness signals, clear latest content, saved mental model, and quick route to news or explainers.

Project Reviewer

Needs proof of work, repository or artifact links, project status, and relation to site expertise.

Community Member

Needs public social links, Telegram/community routes, and expectation-setting about what happens there.

AI Agent Or Researcher

Needs crawlable static content, clear page roles, source trails, entity pages, and low ambiguity.

Output Shape

Return:

  1. Audience segments and entry sources.
  2. Journey map table.
  3. First viewport requirements.
  4. CTA hierarchy and labels.
  5. Trust and proof points.
  6. Accessibility/mobile risks.
  7. SEO/LLM handoff notes.
  8. Backlog items for layout validation, retention, conversion, and onboarding.

Validation

Validate skill edits with:

bash
python3 $CODEX_HOME/skills/senior-skill-architect/scripts/lint_production_skill.py $HOME/SKILL/skills/ux-journey-architect
python3 $HOME/SKILL/plans/seo-llm-skill-cluster/scripts/lint_skill_cluster.py $HOME/SKILL

Forward tests live in evals.json.

按任务相关推荐

来自同一仓库

更多 Skills

全部 Skills
sergekostenchuk
社区

admin-ui-builder

Use when admin/CMS/back-office screens need to be built or specified after admin-ui-orchestrator defines roles, permissions, workflows, and safety gates. Covers tables, forms, editors, moderation queues, dashboards, CRUD surfaces, and state coverage without production destructive actions.

安装量
1
GitHub Stars
32
最近更新
9月13日
sergekostenchuk
社区

admin-ui-orchestrator

Use when a project needs admin/CMS/back-office UI architecture: roles, permissions, content workflows, AI assistant boundaries, audit logs, destructive-action confirmations, and builder handoff. Planning only; do not perform production admin actions or expose secrets.

安装量
1
GitHub Stars
32
最近更新
9月13日
sergekostenchuk
社区

analytics-setup-architect

Use when a website or web app needs privacy-aware analytics architecture: GA4, Yandex Metrica, self-hosted analytics, consent, UTM, event taxonomy, funnels, dashboards, and launch verification. Do not mutate real analytics accounts or store credentials without explicit approval.

安装量
1
GitHub Stars
32
最近更新
9月13日
sergekostenchuk
社区

figma-canvas-editor

Create and edit native Figma canvas objects with MCP when explicitly scoped. Use this skill when the user asks to add or change frames, sections, components, instances, auto layout, variables, styles, FigJam objects, connectors, Slides objects, or selected nodes in Figma, and when the task requires mutation evidence, rollback-aware scope, and design-system consistency.

安装量
1
GitHub Stars
32
最近更新
9月13日