Skip to content

tartinerlabs/design

v2.9.0MIT

Design skills — UX psychology, visual design, accessibility, and Apple featuring readiness for web, SaaS, and mobile apps

design

Design skills — UX psychology, visual design, accessibility, and Apple featuring readiness for web, SaaS, and mobile apps.

One of the five Tartiner Labs skill collections. Once the plugin is installed, invoke a skill through your agent's skill or command interface, for example /design:ux-psychology in Claude Code.

Skills

SkillDescription
ux-psychologyApply research-backed UX psychology (Hick, Fitts, cognitive load, Gestalt, defaults, reciprocity) while building screens and flows, or audit them on request — detects web/SaaS, Apple platforms, Android, and React Native/Expo
visual-designPick a visual direction and apply it as tokens — colour, typography, spacing, surfaces, buttons, icons, and imagery — while building screens, or audit code, screenshots, and mockups on request — for web, Apple platforms, Android, and React Native/Expo
accessibilityBuild and audit accessible UI mapped to WCAG 2.2 AA — screen readers, keyboard and focus, contrast, text scaling, reduced motion, targets, forms, and media — for web, Apple platforms, Android, and React Native/Expo
apple-featuringReview an Apple platform app's readiness for App Store featuring and the Apple Design Awards, and plan the featuring nomination in App Store Connect

Agents

Claude Code only.

AgentDescription
a11y-auditRead-only accessibility audit of a whole app or several screens against WCAG 2.2 AA. Use for full-app, multi-screen, or pre-release accessibility reviews — returns an impact-ranked report without editing files. Detects web, Apple platforms, Android, and React Native/Expo.
ux-auditRead-only UX psychology audit of a whole app or several screens. Use for full-app or multi-screen UX reviews — returns a severity-ranked report without editing files. Detects web/SaaS, Apple platforms, Android, and React Native/Expo.

Installation

Claude Code

claude plugin marketplace add tartinerlabs/skills
claude plugin install design@tartinerlabs

Codex and Cursor: open this repository in the app and install design from the repo marketplace.

OpenCode (v2):

opencode plugin add 'github:tartinerlabs/skills#main::path:plugins/design'

skills.sh, one skill at a time:

pnpm dlx skills add tartinerlabs/skills/ux-psychology

The root README has the details for every channel.

License

MIT