Agent Skills: NLX (Natural Language Experience) Design Stack

Use when designing AI agents or chatbots, when raw model outputs feel like a black box, or when building natural language interfaces that need structure and trust

UncategorizedID: coowoolf/insighthunt-skills/nlx-design-stack

Install this agent skill to your local

pnpm dlx add-skill https://github.com/Coowoolf/insighthunt-skills/tree/HEAD/ai-engineering/nlx-design-stack

Skill Files

Browse the full folder contents for nlx-design-stack.

Download Skill

Loading file tree…

ai-engineering/nlx-design-stack/SKILL.md

Skill Metadata

Name
nlx-design-stack
Description
Use when designing AI agents or chatbots, when raw model outputs feel like a black box, or when building natural language interfaces that need structure and trust

NLX (Natural Language Experience) Design Stack

Overview

A framework defining the new principles and UI constructs required for Natural Language Interfaces. Moves beyond simple chat to structured, designed conversations.

Core principle: NLX is the new UX. Conversations have grammars, structures, and invisible UI elements.

The Four Elements

┌─────────────────────────────────────────────────────────────────┐
│                      NLX DESIGN STACK                           │
├─────────────────────────────────────────────────────────────────┤
│                                                                  │
│   ┌──────────────┐   ┌──────────────┐                           │
│   │   PROMPTS    │   │    PLANS     │                           │
│   │              │   │              │                           │
│   │  New UI      │   │  Structured  │                           │
│   │  Construct   │   │  Editable    │                           │
│   │  (Input)     │   │  Outputs     │                           │
│   └──────────────┘   └──────────────┘                           │
│                                                                  │
│   ┌──────────────┐   ┌──────────────┐                           │
│   │   PROCESS    │   │  FOLLOW-UPS  │                           │
│   │              │   │              │                           │
│   │  Show the    │   │  Guided      │                           │
│   │  Work /      │   │  Navigation  │                           │
│   │  Thinking    │   │  Suggestions │                           │
│   └──────────────┘   └──────────────┘                           │
│                                                                  │
└─────────────────────────────────────────────────────────────────┘

Key Principles

| Element | Principle | |---------|-----------| | Prompts | Treat prompts as distinct UI elements (like dropdowns) | | Plans | Return structured, editable plans for complex goals | | Process | Visualize reasoning to build trust ("thinking aloud") | | Follow-ups | Proactively suggest next steps ("happy path" guidance) |

Common Mistakes

  • Assuming "the model is the product" (neglecting design)
  • Making the AI a black box without feedback
  • Failing to guide users after an output

Source: Aparna Chennapragada (Microsoft CPO) via Lenny's Podcast