Results for “utility”

Turns a vague "what should we do about X" into a scored decision - explicit actions, an explicit unknown, an explicit prior, and one utility scale - then picks by maximum expected utility and checks the result for framing effects. Use when facing a choice between options under uncertainty, when a decision has stalled in circular debate, when someone asks "should we do A or B", or before writing any decision record, strategy memo, or roadmap commitment.

The English summary is being prepared. Showing the original description.

Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and responsive design patterns. Use when building design systems, implementing custom themes, creating reusable utility patterns, configuring Tailwind theme extensions, implementing dark mode, building responsive layouts, creating design tokens, using arbitrary values, or establishing consistent spacing and typography scales.

The English summary is being prepared. Showing the original description.

Plan electricity and natural gas purchasing for commercial and industrial sites. Compare supplier offers, analyze tariffs and peak-demand charges, evaluate renewable energy contracts, and build budgets that account for price uncertainty and sustainability goals.

• Comparing energy supplier offers across multiple sites
• Reviewing tariffs and reducing peak-demand charges
• Evaluating renewable power contracts and certificates

Build accessible interfaces with shadcn/ui components and Tailwind CSS styling. Create forms, tables, and layouts that adapt to screen size, then coordinate colors, spacing, and dark mode across the application.

• Build forms with keyboard navigation
• Adapt layouts for phones and desktops
• Unify colors and dark mode

Audit CSS class names for inconsistency and ambiguity, then organize them using BEM, a convention that names components, their elements, and variations. Check the rendered interface across screen sizes and interaction states when reviewing changes.

• Auditing inconsistent CSS class names
• Renaming component classes using BEM
• Separating utility classes and JavaScript hooks

Review how an application displays prices, numbers, and dates, then replace manual formatting with Intl APIs that follow language and regional conventions. The skill also checks locale-aware sorting and fallback choices when a requested locale is unavailable.

• Adapting price displays for multiple regions
• Replacing manual number and date formatting
• Reviewing language-aware text sorting

Audit pages excluded from search results by noindex directives in HTML or response headers. Check whether important products and articles are blocked by mistake, identify affected routes, and explain appropriate corrections.

• Check whether important pages are accidentally excluded from search
• Review noindex settings on admin and utility pages
• Understand when to use noindex versus robots.txt disallow

Design reusable TypeScript components and API types with checks at compile time. Use generics, conditional rules, property transformations, and string patterns to derive types from existing definitions and verify how those types behave.

• Designing API clients with compile-time type checks
• Creating reusable components and helper types
• Defining types for configuration and state management

Design visually distinctive websites, landing pages, and portfolios as React components, reusable pieces of a web page. Use industry references to guide typography, color, layout, motion, and relevant 3D visuals that fit the brand.

• Build a brand website with a distinctive visual identity
• Design a landing page around a product
• Create a portfolio with an original layout

Write, review, and refactor styles using Tailwind CSS v4 conventions. Consult guidance on CSS configuration, renamed classes, built-in styling features, and behavior changes when updating older v3 code or creating new styles.

• Updating Tailwind CSS v3 syntax for v4
• Defining colors and spacing through CSS configuration
• Reviewing classes and behavior changes

Prepare a local development environment for the Data Manager API with authentication and library installation guidance. It covers five programming languages and companion utilities for formatting, hashing, and encrypting user identifiers before ingestion.

• Preparing a local environment for the Data Manager API
• Installing client and identifier utility libraries
• Configuring local credentials and access scopes

Send experiment results, review scores, and requests for input to Feishu/Lark. Use it manually or from other skills, with one-way notifications or an optional connection that returns approvals, rejections, and written replies.

• Receive experiment completion notifications
• Check review scores on Feishu/Lark
• Approve or reject requests from Feishu/Lark

Design TypeScript types and APIs that catch mistakes such as mixed-up identifiers and missing state handling. Implement reusable types and runtime checks that narrow types, configure tRPC for shared client-server types, and improve compiler settings.

• Prevent identifier mix-ups with distinct types
• Model application states and handle every case
• Create reusable types for complex data

Customize windows in macOS SwiftUI apps, including titles, toolbars, drag areas, sizing, placement, and restoration. It helps give main windows, utility panels, and media players behavior suited to their purpose.

• Customize titles and toolbars
• Keep borderless windows easy to drag
• Fit media windows to different displays

Create a dark interface built around fine gradient borders, asymmetrical panels, and precise labels. Apply a consistent visual system to page frames, typography, controls, and backgrounds, using restrained monochrome colors and subtle motion.

• Defining a consistent dark interface style
• Structuring panels with fine gradient borders
• Designing navigation and active list states

Design interfaces that combine magazine-style composition with precise technology product details. Use asymmetrical columns, expressive headlines, wide image bands, fine dividers, and restrained accent colors to shape a consistent layout, navigation, and motion style.

• Combining editorial composition with a technology product interface
• Arranging large headlines and wide image bands
• Unifying navigation, labels, and information modules

Design minimal agency websites around a precise column grid, oversized headlines, generous whitespace, and restrained imagery. Establish a consistent visual direction for service listings, labels, buttons, and subtle motion across architecture, design, or strategy agency pages.

• Website design for architecture and design agencies
• Establishing a consistent visual system across pages
• Structuring service listings with a clear column grid

Design a technical web interface with dark surfaces, bright green signals, precise borders, and a prominent WebGL visualization. Coordinate split layouts, typography, controls, status labels, and restrained animation into a consistent visual system.

• Design a split-screen hero with text and WebGL
• Unify progress indicators and status panels
• Integrate glowing particles or geometry into an interface

Extract clean Markdown from a web page URL using Defuddle. The skill provides a command example for an Obsidian source-ingestion workflow and identifies Sources/Web/ as the typical destination for web source material.

• Extracting a web page as Markdown
• Preparing web material for Obsidian ingestion
• Using Sources/Web/ as a destination for web sources

Run small C# apps without creating a project, using the .NET CLI, its command-line tool. Use it to test language features, explore APIs, or prototype utilities with helper files and NuGet packages.

• Trying C# language features or APIs
• Prototyping logic before project integration
• Building a small utility with helper files

Hunt server-side template injection (SSTI) across Jinja2 (Flask/Django), Twig (Symfony), Freemarker (Java), ERB (Rails), Spring, Velocity, Mako, Thymeleaf, Smarty. Detection probes use double-curly and dollar-curly math expressions evaluated server-side. Once an engine is fingerprinted, escalate to RCE via the engine-specific class-walker, callback-registrar, or Execute-utility patterns documented in disclosed reports. Detection patterns: error messages reveal engine, blank or numeric eval reveals expression mode. Targets: email templates, PDF/report generators, CMS preview features, error pages with user input. Use when hunting RCE via template rendering, when content shows engine fingerprints, when finding endpoints that compose strings with user input before render.

The English summary is being prepared. Showing the original description.

Use when building TypeScript applications requiring advanced type systems, generics, or full-stack type safety. Invoke for type guards, utility types, tRPC integration, monorepo setup.

The English summary is being prepared. Showing the original description.

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.

The English summary is being prepared. Showing the original description.

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

The English summary is being prepared. Showing the original description.