productivity▌

Use this skill when the user wants to:

Generate cohesive, project-specific SVG icon sets with enforced visual consistency. \n \n Builds custom icon sets from a shared style specification, ensuring identical stroke weight, corner treatment, and visual density across all icons \n Supports five preset styles (Clean, Sharp, Soft, Minimal, Bold) tailored to different project aesthetics; recommends based on industry and brand vibe \n Includes industry-specific icon suggestions organized by category (navigation, communication, trust, action

Enforces complete, unabridged output by banning truncation patterns and placeholder code. \n \n Eliminates common shortcuts like // ... , // TODO , // rest of code , and prose phrases that defer work (\"let me know if you want more\") \n Treats every task as production-critical: full files, all components, no skeletons or partial implementations \n Handles token-limit splits cleanly by pausing at logical breakpoints (end of function, end of file) with a resumption marker, then continuing without

Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.

Six-frame visual narrative that guides stakeholders through a user's problem-to-solution journey. \n \n Follows a classic storytelling arc: introduce character, escalate problem, trigger urgency, reveal solution, show breakthrough, and illustrate improved outcome \n Designed for alignment meetings, feature pitches, and concept validation rather than UI mockups or technical documentation \n Requires upfront clarity on persona, problem statement, and solution definition; includes seven guided ques

Production-ready Grafana dashboards for system and application metrics visualization. \n \n Covers RED method (Rate, Errors, Duration) for services and USE method (Utilization, Saturation, Errors) for resources \n Supports multiple panel types including stat panels, time series graphs, tables, and heatmaps with Prometheus queries \n Includes templating with query variables for dynamic filtering by namespace, service, and other dimensions \n Provides dashboard provisioning via YAML configuration

Automate WhatsApp Business communications including customer support, notifications, chatbots, and broadcast messaging. Based on n8n's WhatsApp integration templates.

NgRx SignalStore rules for signal-based local and feature state management. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Use this skill when:

Phoenix builds on Elixir and the BEAM VM to deliver fault-tolerant, real-time web applications with minimal JavaScript. LiveView keeps UI state on the server while streaming HTML diffs over WebSockets. The BEAM provides lightweight processes, supervision trees, hot code upgrades, and soft-realtime scheduling.