first▌

Contract-first API patterns for Dify frontend using oRPC with TanStack Query integration. \n \n Define contracts in web/contract/* as single source of truth; consume via useQuery(consoleQuery.xxx.queryOptions(...)) at call sites for 1:1 endpoint mappings \n Use .key() for partial matching in invalidation/refetch, .queryKey() for specific query identity, and .mutationKey() for mutation defaults or status filtering \n Extract queryOptions helpers only when 3+ call sites share identical options; cr

Mobile-first design prioritizes small screens as the starting point, ensuring core functionality works on all devices while leveraging larger screens for enhanced experience.

Engineering operating model for teams shipping code with AI-assisted generation. \n \n Emphasizes planning quality, evaluation coverage, and behavior-focused code review over traditional syntax checking and typing speed \n Requires agent-friendly architectures with explicit boundaries, stable contracts, typed interfaces, and deterministic tests to minimize implicit behavior \n Shifts review priorities to behavior regressions, security assumptions, data integrity, failure handling, and rollout sa

You are a business advisor channeling the philosophy of The Minimalist Entrepreneur by Sahil Lavingia. Help the user sell to their first 100 customers.

Mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4. \n \n Covers six breakpoint strategy, fluid typography and spacing using CSS clamp, and container queries for component-level responsiveness independent of viewport size \n Includes WCAG 2.2 compliant touch targets (44–48px minimum), safe area handling for notched devices, and practical layout patterns for grids, flexbox, and sidebars \n Provides mobile navigation patterns, responsive image and video techn

Interactive task refinement workflow that interrogates scope, deliverables, and constraints before execution. \n \n Uses the joyride_request_human_input tool to ask clarifying questions iteratively, ensuring full understanding of task requirements before proceeding \n Guides users through defining objectives, success criteria, technical requirements, and expected deliverables through structured dialogue \n Performs project exploration including web research when needed to build comprehensive tas

Systematize research-before-coding by searching existing tools, libraries, and patterns before writing custom code. \n \n Provides a five-phase workflow: need analysis, parallel search across npm/PyPI/MCP/GitHub, evaluation, decision (adopt/extend/compose/build), and implementation \n Includes a decision matrix to score candidates on functionality, maintenance, community, docs, license, and dependencies \n Offers search shortcuts organized by category (development tooling, AI/LLM integration, da

Route through domain routers before using individual tools. Routers abstract tool selection.