Skill UI

A comprehensive guide to diagnosing and resolving performance bottlenecks in React applications. This skill teaches advanced techniques like state isolation, memoization (using `useMemo`, `useCallback`, and `React.memo`), and list virtualization. It guides users through profiling using React DevTools to identify render hotspots, ensuring components render efficiently and maintain high application responsiveness.

A comprehensive guide detailing proven patterns for building robust and scalable SwiftUI applications. Covers modern state management (@State, @Observable), advanced navigation (Sheets, NavigationStack), handling asynchronous data flows, and adhering to architectural best practices to create maintainable, performant UIs.

A comprehensive guide detailing how to refactor large, complex SwiftUI views into smaller, more stable, and explicit components. It emphasizes adopting a lightweight state approach (favoring local state and environment variables over excessive view model layers) to improve data flow, readability, and overall code maintainability in modern iOS development.

This tool serves as a persistent memory and state manager for complex coding projects within the Claude environment. It allows users to initialize new projects with structured metadata, track detailed session progress (including summaries, decisions, and next steps), and save the entire context reliably. By ensuring project continuity across disconnected sessions, it drastically improves the flow and consistency of the development workflow.

This technique audits user interaction flows (like button clicks) to detect subtle bugs that static analysis often misses. It specifically tracks the full sequence of state changes, identifying instances where later actions unintentionally cancel, contradict, or leave the UI in an inconsistent state due to state store side effects or race conditions. Ideal for debugging complex state management architectures (Redux, Zustand).

A comprehensive, library-agnostic checklist covering best practices for Flutter and Dart applications. It guides developers on architectural principles, state management patterns (BLoC, Riverpod, etc.), Dart idioms, performance optimization, and clean code principles, making it invaluable for code reviews.

Transformers.js allows developers to run state-of-the-art machine learning models directly within JavaScript/TypeScript environments (browser, Node.js). It supports a comprehensive range of tasks including NLP (text generation, summarization, translation), Computer Vision (image classification, object detection), and Audio processing. This capability enables building fully client-side, multimodal AI applications without requiring a dedicated Python backend or server infrastructure.

Guides business leaders through capital expenditure decisions, comparing ROI, payback, NPV, IRR, and opportunity costs for equipment, hires, software, real estate, or service lines so every dollar is justified before deployment.

A comprehensive operational guide for support teams to manage complex customer billing workflows. It assists operators in diagnosing billing anomalies, processing refunds, triaging charges, and recovering customer portals. Use this when investigating billing discrepancies, assessing churn risk, or ensuring accurate subscription state and revenue management.

A comprehensive guide to idiomatic and robust Dart/Flutter patterns. Covers essential topics including null safety, immutable state management (Freezed), advanced state solutions (BLoC, Riverpod, Provider), reactive routing with GoRouter, secure networking using Dio, and implementing Clean Architecture principles. Ideal for setting up new, scalable Flutter projects.

This skill functions as a Narrative Psychologist, mapping and engineering the full emotional journey a customer must take across any content format (e.g., landing pages, email sequences, sales decks). It systematically designs the emotional progression—from the initial state (e.g., skepticism or anxiety) through controlled tension, relief, and anticipation—to the precise emotional state required for a desired action, ensuring the narrative flow is believable and persuasive.

Generates comprehensive, structured landing pages designed for high SEO ranking and AEO (AI Extraction Optimization) citation. This skill builds a complete narrative arc, guiding visitors from awareness to action, and includes critical sections like problem statements, social proof, FAQs, and conversion-focused CTAs for maximum performance.