Design understandable and accessible product interactions. Use when shaping workflows, information architecture, navigation, interface copy, forms, controls, empty states, onboarding, feedback, error recovery, progressive disclosure, discoverability, accessibility, trust, group dynamics, or interaction edge cases. Use lamina-product-behavior for authoritative state rules and lamina-evaluation to judge a built product.
npx skills add https://github.com/aryaniyaps/lamina --skill lamina-ux
risk materially changes the answer; do not preload the directory.
Using lamina-ux: <topic path(s)> so the selectedinteraction lens is auditable.
| Interaction signal | Read | Adds |
|---|---|---|
| Need the end-to-end design-to-implementation loop | Design Process | Persona walks, graph expansion, implementation, and verification lifecycle |
| Need to order steps, branches, prerequisites, and recovery for one outcome | Workflow Design | operation-level flow structure |
| Need to group product concepts, hierarchy, labels, or findability | Information Architecture | entity- and task-based organization |
| Users are lost between destinations or cannot maintain orientation | Navigation | wayfinding, current location, and route structure |
| Need labels, headings, instructions, empty copy, or error copy | Content Design | consistent, scan-first interface language |
| Need input semantics, validation timing, field errors, or submission recovery | Forms | accessible validation and data-entry behavior |
| Need action hierarchy, destructive-action policy, menus, confirmation, or undo | Controls and Actions | explicit action semantics and reversibility |
| A collection or account has no data yet | Empty States | scenario-bound explanation and next action |
| New or returning users cannot reach first value | Onboarding | minimal setup, permissions, and resumable progress |
| Users cannot tell whether an action started, succeeded, failed, or is delayed | Feedback and Status | visible transient and terminal states |
| Need actor-visible failure language and a concrete recovery path | Error Handling | error categories, recovery, and blame-free copy |
| The interface exposes too much complexity at once | Progressive Disclosure | essential versus advanced action tiers |
| Users cannot perceive an available action or its consequence | Discoverability | signifiers, disabled reasons, and feedback gulfs |
| Need keyboard, screen-reader, focus, announcement, contrast, or touch behavior | Accessibility | interaction-specific accessible acceptance criteria |
| Behavior changes through invitations, persuasion, groups, or social influence | Multi-Actor Dynamics | consent, autonomy, and group-effect safeguards |
| A high-stakes action needs honest consequence, fee, privacy, or success signals | Trust Signals | observable product honesty |
| Need distinct denied, stale, concurrent, destructive, or dependency-failure cases | Distinct Product Risks | non-duplicative scenarios with observable acceptance |
Use the smallest sufficient reference set. Common pairs are forms + error
handling, navigation + information architecture, and feedback + trust for
high-stakes asynchronous actions. Accessibility applies to every critical
interaction but load its full reference when accessibility behavior is a
decision, acceptance target, or stated risk.
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.
Take aryaniyaps/lamina-ux from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.