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.

Vedi sorgente

Come usare

  1. Copia il comando e controlla il pacchetto prima di installarlo nel tuo ambiente agente.
  2. Controlla strumenti, credenziali e ambienti richiesti nel documento originale.
  3. Descrivi input e risultato desiderato; confronta l’output con le fonti.
npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill ux-journey-architect

Prima di iniziare

  • L’installazione non include abbonamenti, quote API o accesso ai file.
  • Stelle e installazioni indicano attività, non un test indipendente di qualità o sicurezza.
Documento Skill originale

Contenuto dal repository con titoli, esempi, codice, tabelle, link e immagini preservati.

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.

Correlati per attività

dallo stesso repository

Altri Skills

Tutti gli Skills
sergekostenchuk
Community

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.

installazioni
1
GitHub Stars
32
Aggiornato
13 set
sergekostenchuk
Community

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.

installazioni
1
GitHub Stars
32
Aggiornato
13 set
sergekostenchuk
Community

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.

installazioni
1
GitHub Stars
32
Aggiornato
13 set
sergekostenchuk
Community

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.

installazioni
1
GitHub Stars
32
Aggiornato
13 set