skills.rest
alemdisso
alemdissoCOMMUNITY
Explore all skills by this author →
GitHub

Gastrobrain UX Design

Design UX flows and information architecture with wireframes and accessibility checklists.

1|Updated Feb 12, 2025
Search Tags:#workflow#accessibility#handoff#ux-design#wireframes#information-architecture
One-click install
npx skills add https://github.com/alemdisso/gastrobrain --skill gastrobrain-ux-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Gastrobrain UX Design
Source: https://github.com/alemdisso/gastrobrain/tree/main/.claude/skills/gastrobrain-ux-design
Command: npx skills add https://github.com/alemdisso/gastrobrain --skill gastrobrain-ux-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This UX Design Skill helps teams plan, think through, and communicate user experiences for Gastrobrain, ensuring that features are usable, accessible, and culturally aligned with the brand identity.

Core Features & Use Cases

  • Goal-driven UX: Analyze user goals, map flows, and establish information architecture before implementation.
  • Artifact-driven design: Produce wireframes, IA schematics, and accessibility checklists as part of a structured design process.
  • Handoff-ready: Deliver clear design artifacts and guidelines for UI engineers to implement.

Quick Start

Use the Gastrobrain UX Design skill to kick off a design session for a new screen or redesign task, triggering checkpoint-based reviews and artifact creation.

Frequently Asked Questions about Gastrobrain UX Design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is a checkpoint-based UX design workflow for feature planning?▼

Information architecture in UX design organizes content structure and user flows before implementation. It establishes goal-driven navigation hierarchies and schematics, ensuring features are usable, accessible, and culturally aligned with the brand identity.

How do I create handoff-ready wireframes and UX artifacts for engineers?▼

Accessibility checks in UX wireframing evaluate designs against usability standards to ensure features are accessible. They are integrated as a specific checkpoint within the design workflow, producing actionable checklists before handoff.

Does this UX design workflow require any external design dependencies?▼

Goal mapping in UX flow planning identifies user objectives and translates them into structured interaction paths. It serves as the foundational checkpoint, establishing the purpose that drives subsequent wireframing and information architecture decisions.

When should I use a structured UX design process instead of direct implementation?▼

Use a structured UX design process when planning new screens or redesigning features to ensure usability and accessibility. It delivers handoff-ready artifacts and clear documentation before UI engineers begin implementation, reducing rework.

Related Skills

Explore More Design & Creative Skills→
mmartinsolivmmartinsoliv

prd

Create structured product requirements documents with user stories and success metrics.

Community
Intermediate
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
lemulemu

brand-guidelines

Applies Anthropic's official brand colors and typography to documents and UI components.

Community
Basic
aubrian-haliliaubrian-halili

playground

Generate self-contained HTML playgrounds with embedded CSS and JS.

Community
Intermediate