This is a learning lab. The aim is to give a skilled UI developer the principles to read and the study plan to work through, before starting work on a UI for AI project.
It is also useful for testing out different dev tooling options for writing accessible UX for AI projects docs/ai-tools-for-ui-a11y.md.
Tuesday's Chatbot Interface - demonstrating confidence signaling, source transparency, and correction loops
See docs/ui-for-ai-principles-and-patterns.md. Foundational principles, interface patterns, and curated resources for building trustworthy AI UX.
See docs/study-plan.md. One-week, day-by-day exercises covering mental models, chatbot correction loops, agent supervision, DMI reporting, and failure-safe design.
See docs/meta-learning-observations.md. Observations about the recursive learning experience - how implementing agent supervision UIs mirrors your experience using AI assistants like Claude Code.
See docs/mcp-and-agents.md. Comprehensive guide explaining the distinction between MCPs (Model Context Protocols) and Agents in Claude Code - where they live, how they're configured, and when to use each. Essential reading for understanding how AI development tools are structured and how to extend Claude with custom functionality.
See docs/ai-tools-for-ui-a11y.md. Comprehensive review of AI development tools for accessible UI implementation - covering Pa11y-ci for automated WCAG testing, theme-specific accessibility testing strategies, pre-commit hooks for quality gates, and practical workflows for building WCAG 2.2 Level AA compliant interfaces with AI assistance.
See docs/study-review.md. Comprehensive technical review documenting static analysis success stories (accessibility bug detection with contrast calculations), Claude Code configuration milestones (MCPs, agents, hooks), and full architecture assessment covering Angular patterns, testing infrastructure, CI/CD pipeline, and production-quality code standards. Includes completed accessibility fixes and learning progression tracking.
- Quickstart guide: QUICKSTART.md
- Scripts overview: SCRIPTS.md
- License: LICENSE