botir-skills

Apply behavioral psychology to design for action. Covers landing page design, CRO principles, behavioral psychology frameworks, A/B testing strategy, friction reduction, and the persuasion toolkit. Use when optimizing for conversions, designing landing pages, or building growth features. Triggers on: "conversion optimization", "CRO", "landing page", "growth design", "behavioral psychology", "persuasion design", "funnel optimization", "A/B testing design".

Design for multiple platforms while respecting native conventions. Covers iOS HIG vs Material Design 3 differences, platform-specific patterns, when to diverge for branding, and hybrid approaches. Use when designing for mobile, tablet, or cross-platform products. Triggers on: "iOS design", "Android design", "Material Design", "cross-platform", "native patterns", "platform conventions", "HIG", "mobile platform differences".

Implement dark mode as a first-class citizen, not an afterthought. Covers elevation through luminance, surface hierarchy, color adaptation, image handling, and token architecture for multi-mode design systems. Use when implementing dark mode, defining dark theme tokens, or testing dark themes. Triggers on: "dark mode", "dark theme", "elevation", "night mode", "theme switching", "dark UI", "OLED design".

Apply design thinking to product problems. Covers the 5-phase framework (Empathize, Define, Ideate, Prototype, Test), practical tools for each phase, integration with Agile, and artifact creation. Use when starting a new project, solving fuzzy problems, or facilitating workshops. Triggers on: "design thinking", "discovery", "product discovery", "user centered design", "workshop facilitation", "problem framing", "how might we", "design sprint".

Recognize dark patterns and design with integrity. Covers the taxonomy of deceptive patterns, ethical frameworks, the regulatory landscape, and practical guidelines for ethical persuasion. Use when auditing interfaces for manipulation, establishing ethical design standards, or evaluating growth tactics. Triggers on: "dark patterns", "ethical design", "deceptive patterns", "ethical UX", "manipulative design", "persuasive design", "design ethics", "anti-patterns ethics".

Design interfaces that work across languages, scripts, and cultures. Covers RTL layouts, text expansion, date/number/currency formatting, iconography, color culture, and the i18n implementation checklist. Use when building for multiple languages or regions. Triggers on: "internationalization", "i18n", "RTL", "right-to-left", "localization", "multi-language", "translation", "global design".

Design notification systems and permission requests that respect users. Covers push notification patterns, permission priming, notification center design, grouping, frequency management, and the complete permission request flow. Use when designing notification systems, permission dialogs, or re-engagement strategies. Triggers on: "push notification", "permission dialog", "permission priming", "notification center", "re-engagement", "notification design", "permission UX".

Present data clearly and honestly. Covers chart selection (which chart for which question), dashboard design, data-to-ink ratio, preattentive processing, color for data, and common visualization mistakes. Use when building dashboards, reports, analytics features, or any data-heavy interface. Triggers on: "chart selection", "dashboard design", "data viz", "visualization", "graph design", "analytics UI", "data presentation".

Build and maintain scalable design systems: design tokens, component libraries, naming conventions, governance, and design-to-code pipelines. Covers Figma variables, token architecture, atomic design, component APIs, versioning, and team workflows. Use when creating a design system, scaling an existing one, or establishing design-engineering alignment. Triggers on: "design system", "design tokens", "component library", "token naming", "Figma variables", "atomic design", "design ops", "design-to-code".

Structure content and navigation so users find what they need without thinking. Covers card sorting, tree testing, navigation hierarchies, content modeling, labeling systems, and the core IA heuristics. Use when organizing complex products, designing navigation, restructuring menus, or building sitemaps. Triggers on: "information architecture", "card sorting", "navigation design", "site structure", "content hierarchy", "menu organization", "tree testing", "findability".

Use motion purposefully in interfaces. Covers easing curves, duration guidelines, the 12 UI motion principles, choreography, and accessibility considerations for animation. Use when adding animations, transitions, or micro-interactions to an interface. Triggers on: "animation", "motion design", "transition", "easing curve", "micro-interaction", "UI animation", "Framer Motion", "page transition".

Design first-time experiences that activate users. Covers progressive disclosure, activation milestones, persona-based onboarding, empty states, checklists, tooltips, and measuring onboarding success. Use when designing first-time user experiences, improving activation rates, or reducing early churn. Triggers on: "onboarding", "first time user experience", "FTUE", "user activation", "progressive disclosure", "empty state", "product tour", "user checklist".

Practical UX research methods: when to use which method, how to execute it, and how to synthesize findings into actionable insights. Covers qualitative methods (interviews, usability testing, field studies), quantitative methods (surveys, A/B tests, analytics), and mixed methods. Use when planning research, choosing methods, or synthesizing findings. Triggers on: "user research", "usability testing", "user interviews", "survey design", "research synthesis", "empathy map", "persona", "journey mapping".

Write interface copy that clarifies, guides, and converts. Covers microcopy, tone of voice, error messages, form labels, empty states, onboarding copy, and content design principles. Use when writing or reviewing any text that appears in an interface. Triggers on: "UX writing", "microcopy", "error message", "tone of voice", "content design", "interface copy", "UX copy", "button label", "form label".

Web accessibility (a11y) design fundamentals based on WCAG 2.2 AA. Covers the POUR principles (Perceivable, Operable, Understandable, Robust), color contrast requirements, keyboard navigation, focus management, screen reader support, and a practical pre-ship checklist. Use when designing accessible interfaces, auditing for a11y compliance, or building inclusive products. Triggers on: "accessibility", "a11y", "WCAG", "screen reader", "keyboard navigation", "contrast ratio", "inclusive design", "accessible UI".

Common interaction design patterns: forms, navigation, search, filters, onboarding, empty states, error states, loading states, and microinteractions. Each pattern includes the problem it solves, when to use it, and common anti-patterns. Use when designing user flows, choosing interaction patterns, or reviewing interaction quality. Triggers on: "interaction pattern", "form design", "navigation pattern", "onboarding", "empty state", "error state", "microinteraction", "user flow".

Design principles for touch interfaces: thumb zones, touch target sizing, gesture patterns, responsive breakpoints, and mobile-first workflow. Covers iOS HIG and Material Design touch guidelines, Fitts's Law for thumbs, and the complete mobile design checklist. Use when designing or reviewing mobile interfaces, touch-first products, or responsive layouts. Triggers on: "mobile design", "touch targets", "thumb zone", "responsive design", "gesture design", "mobile-first", "iOS design", "Android design".

Core visual design principles for interfaces: typography hierarchy, spacing systems, color theory, contrast, and layout fundamentals. Covers type scale construction, the 8pt grid system, accessible contrast ratios, and visual hierarchy techniques. This is about the visual layer — the pixels users see. Use when designing or reviewing the visual appearance of any interface. Triggers on: "typography", "spacing", "color theory", "contrast", "visual hierarchy", "layout fundamentals", "design system basics".

The 10 most common AI UI failures, ranked by severity, with root cause analysis and concrete fixes. Covers the chatbot trap, dashboard fatigue, perpetual shimmer, hidden AI activity, read-only output, missing kill switches, and more. Use when debugging AI interface problems, reviewing an AI app for UX issues, or preventing common mistakes in AI-native design. Triggers on: "AI UI mistakes", "common AI UI failures", "anti-patterns", "what not to do", "AI UI pitfalls", "fix this AI interface".

Nielsen's 10 usability heuristics and Don Norman's 7 principles, reinterpreted for AI-native interfaces. Use when evaluating, auditing, or reviewing the UX of any AI-powered application. Each heuristic includes the AI-specific interpretation, a common failure mode, and a concrete fix. Triggers on: "heuristic evaluation", "Nielsen heuristics", "UX audit", "review this AI UI", "is this good design", "Don Norman principles".

Amber Case's Calm Technology principles applied to AI interfaces. An 8-point test to determine if your AI UI is calm or clamorous, plus the 3-state AI UI model (Pre-AI / AI-Active / AI-Resolved), ambient activity patterns, and the shimmer/glow design language used by Apple Intelligence. Use when designing AI activity indicators, deciding how to show AI is working, or evaluating whether your interface overwhelms users. Triggers on: "calm technology", "how to show AI working", "AI activity indicator", "shimmer UI", "ambient interface", "Apple Intelligence UI pattern".

UI patterns for multi-agent applications — how to show multiple AI agents working together without overwhelming the user. Covers agent orchestration UI, ambient activity indicators, the control transfer loop, trust dashboards, kill switches, and confidence scoring. Distilled from Cursor, Replit Agent, Claude, and leading agentic products. Use when building apps with multiple AI agents, software factories, or any system where agents work autonomously. Triggers on terms like "multi-agent UI", "show agents working", "agent dashboard", "software factory UI", "orchestrate agents", "agentic interface".

Core principles and patterns for building AI-native user interfaces where the AI output IS the interface — not a sidebar or chat panel. Covers generative UI, calm technology, output-as-interface paradigm, ambient activity indicators, and the 10 foundational principles distilled from Vercel AI SDK, Claude Artifacts, ChatGPT Canvas, Apple Intelligence, and leading AI products. Use when designing or building interfaces for AI-powered applications, agentic apps, or generative products. Triggers on terms like "AI UI", "generative UI", "agentic interface", "AI-native design", "how to show AI output".

Diagnose and improve Rust runtime speed, memory use, binary size, and compile times with a measurement-first workflow distilled from The Rust Performance Book. Use when profiling hot paths, tuning build settings, reducing allocations, improving I/O, inlining decisions, or fixing slow Rust builds.

Master async/await programming in Rust. Use when writing async functions, working with Futures, using async runtimes like tokio, handling streams, implementing select/join patterns, understanding Pin/Unpin, building executors, or debugging async code.

Build command-line applications in Rust with clap, signal handling, config files, logging, and testing. Use when writing CLI tools, parsing arguments, handling stdin/stdout, implementing interactive prompts, or testing CLI behavior.

Master closures and iterators in Rust. Use when writing functional-style code, implementing custom iterators, using iterator adaptors, understanding Fn/FnMut/FnOnce traits, or optimizing iterator chains.

Low-level concurrency in Rust including atomics, memory ordering, building locks/channels, Send/Sync, and thread synchronization. Use when implementing lock-free data structures, understanding memory ordering, building synchronization primitives, or debugging race conditions.

Idiomatic Rust design patterns, idioms, and anti-patterns. Use when structuring Rust code, choosing between patterns like Newtype/Builder/Typestate, applying idioms like mem::take or borrowed-type arguments, or avoiding common anti-patterns.

Embedded Rust development for bare-metal and no_std environments. Use when targeting microcontrollers, writing HAL drivers, working with peripherals, handling interrupts, or using RTIC/Embassy for real-time systems.

Idiomatic Rust error handling with Result, Option, the ? operator, custom error types, thiserror, and anyhow. Use when designing error hierarchies, composing fallible operations, converting between error types, or choosing between library and application error strategies.

Game development in Rust with Bevy ECS. Use when building games with entity-component-system architecture, managing game state, handling input, rendering 2D/3D scenes, or structuring game logic with systems and resources.

Master Rust ownership, borrowing, and lifetimes. Use when fighting the borrow checker, annotating lifetimes, understanding move semantics, working with references across scopes, or debugging lifetime errors.

Write declarative and procedural Rust macros. Use when creating macro_rules! macros, derive macros, attribute macros, or function-like proc macros. Covers metavariables, repetitions, TT munching, syn/quote/proc-macro2.

Understand and use Rust smart pointers including Box, Rc, Arc, RefCell, Cell, Cow, and Pin. Use when choosing heap allocation strategies, implementing shared ownership, interior mutability patterns, or working with self-referential types.

Deep understanding of Rust's type system including generics, traits, trait objects, associated types, GATs, and type-level programming. Use when designing generic APIs, choosing between static and dynamic dispatch, implementing complex trait bounds, or encoding invariants in types.

Compile Rust to WebAssembly for browser and Node.js environments. Use when building wasm modules with wasm-bindgen, creating JS interop, using web-sys/js-sys, optimizing wasm size, or deploying Rust+WASM to production.

Inline and global assembly in Zig. Use when writing performance-critical code, hardware interaction, or system-level programming that requires direct machine code control.

The Zig build system (build.zig) for compiling, testing, running, and managing dependencies. Use when setting up projects, configuring build options, or managing multi-module builds.

Zig's builtin functions (@-prefixed) for casting, math, memory, type introspection, and compiler interaction. Use when you need low-level operations, type casts, or compile-time utilities.