Defines user-facing product behavior from validated evidence and approved scope, including information architecture, task flows, state models, interaction contracts, usability plans, AI interactions, and engineering handoffs.
Define user-facing product behavior from validated evidence and approved scope. Use for information architecture, task flows, state and recovery models, interface contracts, usability-study plans, interaction-pattern tradeoffs, AI recommendations and generated outputs, uncertainty, human control, feedback, or engineering UX handoffs. Use after product discovery and product decisions; route WCAG/ARIA conformance work to web-accessibility and formal software specifications to spec-driven-development. Do not use this skill for unrelated requests; route to the nearest named specialist.
evals/evals.json
JSON
Other
README.md
Markdown
Other
templates/ai-interaction-contract.md
Markdown
Other
templates/engineering-handoff.md
Markdown
Other
templates/interface-contract.md
Markdown
Other
templates/outcomes-to-design.md
Markdown
Other
templates/screen-state-inventory.md
Markdown
Other
templates/task-flow-state-model.md
Markdown
Other
templates/usability-study.md
Markdown
Reference
references/ai-interaction-and-uncertainty.md
Markdown
Reference
references/boundaries-and-traceability.md
Markdown
Reference
references/content-and-cognitive-demand.md
Markdown
Reference
references/engineering-handoff.md
Markdown
Reference
references/information-architecture.md
Markdown
Reference
references/interaction-pattern-selection.md
Markdown
Reference
references/interface-contracts-and-responsive-behavior.md
Markdown
Reference
references/scenario-probes.md
Markdown
Reference
references/source-index.md
Markdown
Reference
references/task-flows-and-state-models.md
Markdown
Reference
references/usability-testing-and-privacy.md
Markdown
SKILL.md
SKILL.md
Markdown
Guides an AI agent through a two-phase web design workflow: create and confirm a DESIGN.md specification, then generate responsive UI code for landing pages, portfolios, product p…
Generates illustrations for Chinese deep-dive articles using fixed IP characters, visual metaphors, shot lists, selected art styles, and image-generation APIs.
Creates a reusable minimalist hand-drawn IP character from authorized user materials, then plans and produces illustrated content, knowledge cards, posters, storyboards, and prese…
Generates and edits Xiaohongshu (XHS/RedNote) cover images from photos, titles, and style instructions, with GPT Image 2/Codex as the primary method and Gemini CLI as fallback.
Creates polished, shareable HTML pages from ideas, files, folders, URLs, datasets, and exports, using automatic routing to specialized design systems and interactive layouts.
Guides agents in documenting brand strategy, visual identity, voice, applications, governance, and assets using templates, validation, compilation, and optional image prompt gener…
Provides guidance and scripts for ICC profile inspection, color-space conversion, gamut analysis, working-space validation, soft proofing, and color workflow troubleshooting.
Guides agents in creating subject-neutral images and videos with a near-monochrome analog occultism and industrial CRT noir aesthetic, including lighting, composition, signal degr…