Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or reports keyboard or screen-reader issues. Triggers on…
OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, theme with Tailwind v4, and apply color with meaning. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, semantic color…
Cross-discipline interface review: routes a screen, flow, feature, or product interface to every better- domain skill and consolidates one ranked verdict. Use when asked for a holistic review rather than a single domain, and when interface-review hands up a change to route. Triggers on better-interface, holistic…
Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or aligning controls, deciding what collapses at small sizes, handling RTL layout direction, or reviewing frontend code for layout.…
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or…
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, choosing or reviewing icons, or any visual detail work. Triggers on UI polish, design details…
UX writing and interface copy, from voice and button labels to error messages and empty states. Use when writing or reviewing any user-facing text: button and link labels, form errors, placeholders, settings labels, onboarding flows, notifications, or empty states. Triggers on UX writing, microcopy, interface copy…
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.
Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.
A product-planning guide for Talebook, based on evidence from its code repository and GitHub. It helps turn user feedback and existing product behavior into decisions about what to build next.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Repository instructions for Talebook, a personal ebook management system based on Calibre. Calibre manages ebook libraries; Talebook has a Python server, a Nuxt and Vue web interface, and Docker-based deployment.
A project instruction file for Talebook, a personal book-library application. Its available excerpt contains only a reference to another instruction file.
A tool for operating a self-hosted Talebook online library, which combines the Calibre book-management system with a web interface. It can work with books, audiobooks, reading lists, delivery devices, and administrator settings through Talebook’s HTTP API.