design-ux-architecture
Plan user research, information architecture, journeys and task flows across digital or physical touchpoints.
- License 许可
- MIT
- 最近更新
- 2026-11-10
- Stars
- ★ 2
- Forks
- 0
01 前言 Front Matter
- name
- design-ux-architecture
- description
- Plan user research, information architecture, journeys and task flows across digital or physical touchpoints.
03 SKILL.md 正文
UX architecture
Version-Timestamp: 2026-09-12T11:35:16-04:00
Project-local instruction draft. Manual selection does not install a tool or grant permissions.
Inputs
Research questions, participant constraints/consent, evidence, actor/persona needs selected under the audience input rule, business requirements and current service boundaries. Reuse valid existing prerequisites; missing audience research follows the shared rule's hold or specifically authorized provisional-exploration branch, never a self-declared exception.
Method
Define research questions and how each answer changes a decision. Choose a method and recruitment criteria, note sampling limitations and avoid presenting synthetic participants as real users. Separate observation, interpretation and recommendation. Map journey stages, actor actions, touchpoints, barriers, emotions only when evidenced, backstage dependencies and recovery. Create a content inventory and information hierarchy based on user tasks. Specify entry, success, alternative, error, cancellation and recovery paths with stable IDs. Check keyboard and assistive-technology needs alongside physical reach, privacy and shared-device concerns when relevant. Prioritize requirements using importance, uncertainty and consequence.
Output contract
Fill design work, selecting the sections relevant to this capability. Include: Research protocol, findings, journey map, content/IA outline, task-flow states, prioritized requirements and unresolved assumptions. Refer to stable IDs and paths rather than pasting full research or personas.
Acceptance
Verify the recorded audience selection, rationale, evidence limits and named use under the shared audience input rule. Reassess affected audience inputs on scope, evidence or intended-use changes; preserve historical results and hold dependent use until required conditions are resolved. Audience records alone never prove usability or production acceptance.
Every recommendation links to a need or declared hypothesis; consent/privacy boundaries exist; error and recovery states are included; real-user validation is accurately labeled. Apply quality boundaries. Unsupported checks remain pending with an owner and next action. For a revision, load stage handoff and compare only the authorized delta.
Writing continuation
Use content writing for UXD-22 wording and page content, while this capability owns task/state logic. Feed realistic copy back into wireframes and component specifications before final layout.
Focused craft methods
Read only the relevant method for the selected task; preserve existing prerequisites and canonical record ownership.
- Retail and physical display communication: use when retail context affects the requested output.
Website specialization
Version-Timestamp: 2026-09-11T20:48:53-04:00
Select relevant website methods for scoped website work. Reuse accepted foundation records and preserve this capability as their owner.
Historical evidence boundary
Keep superseded evidence and prior results in the project history, with version links from the handoff. The validated active evidence register accepts current sources only. Do not put historical sources into active support or relabel them current to pass validation. Preserve history outside that active register.
Applied decision method
Version-Timestamp: 2026-09-27 14:25:39 AST
Read UX and content decisions when connecting task evidence, state behavior and truthful messages. The card adds original worked reasoning; reuse this capability's existing prerequisites, records and acceptance checks. Load only the selected card. Its fictional example is teaching material, not tested project evidence.
04 同仓库更多 Skills
web-design
Load before planning, designing, auditing or launching any website, landing page, cinematic hero, microsite or above-the-fold layout, or a prompt for Lovable, Bolt or v0 to build one, including regulated (prescription drug, health, finance), multilingual or market-specific launches. Covers page types (home, product, pricing, about, blog), conversion and ethical persuasion, responsive and fluid layouts, Core Web Vitals, SEO and structured data, localization and language-law requirements, stack and CMS choice (Astro, Next.js, WordPress, Webflow, Framer) and launch QA.
ux-design
Load before designing or reviewing any flow, form, onboarding, navigation or content for real users, especially low-literacy, older, neurodivergent, child or other specific audiences. Covers research and usability tests, heuristic reviews, personas and jobs to be done, journeys and service blueprints, information architecture, UX laws, SUS, SEQ and HEART metrics, plain language and reading level, and microcopy and error messages.
ui-design
Load before designing or specifying any interface screen or component, even a quick one: forms, tables, navigation, dashboards, onboarding, auth and passkeys, pricing, checkout, search and filters, settings, empty, loading and error states, notifications, consent and age-appropriate flows, and AI chat and agent interfaces, all to WCAG 2.2 AA. Also picks React UI libraries (toasts, drawers, command menus). Gives component specs, state matrices, sizes, density and keyboard and accessibility behavior.
typography
Choose, pair, size and set type for brand, web, app, print, slides, signage and motion: modular scales, fluid clamp() type, measure, leading, tracking, OpenType features, font licensing and web font loading, and multiscript setting for CJK, Arabic, Hebrew, Devanagari and Thai. Use when selecting or pairing fonts, building a type scale or type tokens, fixing weak hierarchy or bad line breaks, setting long-form text or numbers, loading web fonts, or localizing type for another market.
reference-reconstruction
Reconstructs the observed interface and behavior of a supplied app, site or screenshot set using a screen index, measurements, state and command maps, reusable components and matched-condition comparisons. Use when asked to reverse engineer, clone, reproduce or match a reference product, then adapt it if requested.
print-packaging-social
Load before any print, packaging, label, barcode, social, out-of-home, slide-deck or email design question, even a quick one, and before making finished collateral files. Specs: bleed, safe zones, 300ppi, CMYK, PDF/X preflight, dielines, barcodes, social formats with 9:16 safe areas, billboard letter heights, 16:9 decks, bulletproof email. Renders token-driven brand books, sell sheets, cards, carousels and decks to PDF and PNG with a Canva editable twin.