jeffreytse/grimoire-hub - Page 3

design-go-to-market

Use when launching a product, entering a new market, or repositioning an existing offering to reach paying customers

design-incentive-systems

Use when designing governance, organizational processes, or operational controls — to audit whether each desired outcome requires individual virtue to produce, and replace virtue-reliance with structural mechanisms that make good behavior the rational…

design-tactical-doctrine

Use when your organisation's performance depends on the judgment of a few exceptional individuals — to encode that expert judgment into systematic, teachable doctrine that average practitioners can execute, decoupling performance from individual talent and…

write-okrs

Use when setting quarterly or annual goals for a team, department, or company to align effort with strategy

apply-laminated-dough-technique

Use when making croissants, Danish pastry, kouign-amann, or puff pastry — applying the lamination process of folding butter into dough to create hundreds of distinct flaky layers through steam separation during baking.

apply-tempering-chocolate

Use when coating confections, making chocolate decorations, or molding chocolate — applying the seeding or tabling tempering method to achieve the correct crystal structure for a snappy, glossy chocolate finish that doesn't bloom.

calculate-baker-percentage

Use when scaling a bread or baked good recipe, comparing hydration ratios between doughs, or converting a volume-based recipe to weight for professional or repeatable baking

design-bread-scoring-pattern

Use when scoring bread loaves before baking — designing the cut pattern, blade angle, and depth to direct oven spring, control crust formation, and produce consistent decorative results on sourdough and enriched doughs.

design-sourdough-process

Use when making sourdough bread from scratch — maintaining a starter, mixing dough, managing fermentation, shaping, and baking — to produce an open-crumb, well-flavoured loaf with a crackly crust

design-flavor-pairing

Use when creating new recipes, pairing ingredients for a dish, or developing a menu where ingredient combinations need to be novel, harmonious, or scientifically grounded

apply-braising-technique

Use when cooking tough, collagen-rich cuts of meat (short ribs, pork shoulder, lamb shank, brisket, oxtail) or dense vegetables that benefit from long, moist, low-heat cooking to convert connective tissue into gelatin and build deep flavour

apply-reduction-sauce-method

Use when making pan sauces, wine reductions, or glazes — applying deglazing, stock addition, and controlled reduction to produce a concentrated, glossy sauce from pan fond without flour thickening.

apply-stock-making-fundamentals

Use when making chicken, beef, veal, fish, or vegetable stock from scratch — applying correct bone preparation, aromatics, temperature control, and skimming technique to produce a clear, flavorful stock that forms the foundation of professional cooking.

calculate-food-cost-percentage

Use when pricing a menu item, designing a recipe for commercial production, or auditing restaurant profitability — calculating actual food cost percentage for each dish and comparing to target to ensure sustainable margins.

calculate-recipe-scaling

Use when scaling a recipe up or down, converting between batch sizes, or applying baker's percentages to adjust ingredient quantities proportionally.

apply-mirepoix-aromatics

Use when building the flavor base for stocks, soups, braises, or sauces — applying the correct aromatic base ratio and preparation technique for the cuisine tradition (French mirepoix, Italian soffritto, Spanish sofrito, Cajun holy trinity, East Asian…

design-japanese-dashi-system

Use when building a Japanese cooking practice or restaurant menu — designing the dashi preparation system (kombu, katsuobushi, niboshi, shiitake) appropriate for the dish type, flavor profile, and production scale, applying ichiban and niban dashi hierarchy.

apply-design-thinking

Use when solving a complex, human-centered problem where the right solution is unknown — to move through structured phases of deep user empathy, problem reframing, divergent ideation, and rapid prototype testing before committing to a solution.

design-information-architecture-product

Use when structuring content, navigation, or feature hierarchies for a product so users can find information predictably and efficiently

design-user-persona

Use when distilling user research data into 2–4 archetypal user profiles to give the team a shared, evidence-grounded reference for design and product decisions.

run-card-sorting

Use when designing or evaluating information architecture — navigation structure, menu labels, content categorization — to align the organization with how users mentally group and label concepts.

apply-accessible-authentication

Use when building login, registration, or any authentication flow — to ensure users with cognitive disabilities can authenticate without being blocked by memory tests, cognitive puzzles, or disabled paste functionality.

apply-accessible-color

Use when choosing colors for text, UI components, or data visualizations — to ensure sufficient contrast ratios and that color is never the sole means of conveying information.

apply-accessible-forms

Use when building any form — login, checkout, search, settings — to ensure all inputs are correctly labeled, errors are programmatically associated, and users can complete the form with a keyboard and screen reader.

apply-aria-live-regions

Use when adding dynamic content that changes without a user-triggered focus move — toast notifications, search results loading, form submission status, chat messages, or any async UI update — so screen reader users are informed of the change.

apply-aria-roles

Use when building custom UI components that native HTML cannot represent — to give assistive technology the correct role, state, and property information for non-native interactive elements.

apply-audio-controls

Use when adding audio or video with sound that plays automatically — to ensure users can pause, stop, or mute it without being unable to hear their screen reader or complete tasks in a noisy environment.

apply-error-prevention

Use when building forms that submit legal, financial, or irreversible data — to ensure users can review, confirm, or reverse submissions, and are not asked to re-enter information they've already provided.

apply-fitts-law

Use when designing interactive UI elements — buttons, links, menus, form controls — where target size, placement, and spacing affect the speed and accuracy of user interaction.

apply-focus-management

Use when building modals, drawers, route changes in SPAs, dynamic content insertion, or any interaction that moves or removes focus — to ensure keyboard focus moves predictably and is never lost.

apply-hover-content

Use when adding tooltips, popovers, or any content that appears on hover or focus — to ensure users can dismiss it, move their pointer over it, and that it doesn't disappear before they've read it.

apply-keyboard-accessibility

Use when building interactive UI components — to ensure every action achievable with a mouse is also achievable with a keyboard alone, with no traps or dead ends.

apply-media-captions

Use when publishing video, audio, or any time-based media — to provide captions, transcripts, and audio descriptions for users who cannot hear or see the media content.

apply-page-language

Use when building any web page or SPA — to declare the language of the page and any inline content in a different language, so screen readers select the correct text-to-speech voice and language rules.

apply-pointer-accessibility

Use when building touch interfaces, drag-and-drop interactions, gesture-based controls, or any feature activated on mouse or touch events — to ensure users with motor disabilities can operate all functionality with a single pointer without complex gestures.

apply-predictable-navigation

Use when building multi-page applications, SPAs with multiple routes, or any UI with repeated navigation elements — to ensure focus and input changes don't trigger unexpected page transitions, and navigation appears consistently across views.

apply-reduced-motion

Use when adding animations, transitions, parallax effects, or auto-playing video to a UI — to respect users' motion sensitivity preferences and prevent content that could trigger seizures.

apply-responsive-text

Use when styling text on any web page — to ensure content remains readable and functional when users resize text to 200%, zoom to 400%, or override text spacing with their own stylesheets.

apply-sensory-independence

Use when writing UI instructions or labels, and when building mobile or responsive interfaces — to ensure content is understandable without relying solely on shape, color, position, or orientation, and that display orientation is not unnecessarily locked.

apply-skip-navigation

Use when building any page with repeated header and navigation content — to let keyboard and screen reader users skip directly to the main content without tabbing through every navigation link.