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.

Zobacz źródło

Jak używać

  1. Skopiuj polecenie instalacji i sprawdź źródła przed instalacją we własnym środowisku agenta.
  2. W oryginale sprawdź wymagane narzędzia, dane dostępowe i obsługiwane środowiska.
  3. Opisz dane wejściowe i oczekiwany rezultat; porównaj wynik ze źródłami.
npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill ux-journey-architect

Przed rozpoczęciem

  • Instalacja nie obejmuje subskrypcji modelu, limitu API ani uprawnień do plików.
  • Gwiazdki i instalacje pokazują aktywność, a nie niezależny test jakości lub bezpieczeństwa.
Oryginalny dokument Skill

Treść z repozytorium z zachowaniem nagłówków, przykładów, kodu, tabel, linków i obrazów.

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.

Powiązane zadania

z tego samego repozytorium

Więcej Skills

Wszystkie Skills
sergekostenchuk
Społeczność

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.

instalacje
1
GitHub Stars
32
Aktualizacja
13 wrz
sergekostenchuk
Społeczność

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.

instalacje
1
GitHub Stars
32
Aktualizacja
13 wrz
sergekostenchuk
Społeczność

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.

instalacje
1
GitHub Stars
32
Aktualizacja
13 wrz
sergekostenchuk
Społeczność

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.

instalacje
1
GitHub Stars
32
Aktualizacja
13 wrz