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 한도, 파일 접근 권한이 포함되지 않습니다.
  • 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서

원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.

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

모든 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일