Skill UI

A comprehensive guide detailing advanced performance optimization patterns for React 18/19 and Next.js. Adapted from Vercel Engineering's best practices, this skill organizes 70+ critical rules across eight categories—including eliminating waterfalls, optimizing bundle size, improving server-side rendering, and managing client-side re-renders. Use this when developing, reviewing, or refactoring high-performance React applications.

This guide provides comprehensive patterns for behavior-focused testing of React components, custom hooks, and pages. It covers best practices using React Testing Library (RTL), including accessibility assertions, simulating user interactions (userEvent), and network mocking with MSW. It also helps developers define clear test boundaries between unit component tests and full E2E flows.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

Provides a comprehensive guide for modern Vue.js 3 development. It covers the Composition API, optimal component architecture (props, emits), reactive state management using Pinia, advanced routing (Vue Router), and Nuxt/SSR patterns. Use this skill when building, reviewing, or architecting large-scale, maintainable Vue applications.

Run simulated focus groups by leveraging real CRM data to predict how diverse customer segments will react to new messaging, pricing structures, or product concepts. This powerful tool generates structured predictions, including sentiment analysis and key objections, providing directional feedback before committing to expensive live research or campaigns. It bridges the gap between intuition and data-driven strategy.

A comprehensive guide detailing the stringent standards and best practices for creating high-quality scientific figures for chemistry journals, specifically following the guidelines of the Journal of the American Chemical Society (JACS). Covers everything from reaction schemes and mechanism diagrams to NMR/IR spectra, crystal structures, and creating impactful Table of Contents (TOC) graphics, ensuring clarity, consistency, and adherence to academic publishing conventions.

A comprehensive guide for integrating Markstream, a high-performance Markdown renderer, into modern frontend frameworks like React, Vue, Svelte, and Next.js. It handles complex streaming scenarios, ensuring minimal peer dependencies, correct CSS ordering, and proper Server-Side Rendering (SSR) boundaries for dynamic content and AI chat interfaces.

This skill guides authors on how to proactively strengthen their academic manuscripts before submission, especially for highly demanding journals. It involves identifying the most likely expert reviewers, predicting their specific methodological, theoretical, or empirical objections, and strategically integrating countermeasures, robustness checks, and alternative explanations directly into the main text. It transforms the submission process from a defensive reaction to a proactive, structured argument.

A comprehensive guide for authors submitting soil science manuscripts to Soil Biology & Biochemistry. This tool emphasizes shifting the focus from descriptive community inventories to mechanistic process understanding. It helps authors re-frame data (e.g., -omics data) to explain how soil organisms and reactions drive measurable processes like nutrient cycling or carbon stabilization, ensuring the manuscript meets the journal's high mechanistic standard.

A specialized tool designed to detect, suggest, and evaluate Gang of Four (GoF) design patterns within TypeScript and JavaScript codebases. It analyzes code structure, identifies code smells, and provides stack-aware refactoring recommendations, supporting frameworks like React, Angular, NestJS, and Vue.

This skill computes disproportionality metrics (PRR, ROR, EBGM, IC) using FAERS/OpenFDA drug-event data. It analyzes spontaneous reports to statistically screen for potential drug-reaction associations (Signal of Disproportionate Reporting, SDR). By constructing a 2x2 contingency table, it helps pharmacovigilance professionals identify over-reported adverse events, providing a statistical hypothesis for drug safety assessment.

This skill structures free-text adverse event narratives into the mandatory ICH E2B(R3) format. It populates critical fields required for regulatory submissions (like FAERS/EudraVigilance), including suspect drugs, reactions (mapped via MedDRA), seriousness criteria, and reaction outcomes. Use it when generating Individual Case Safety Reports (ICSRs) from clinical narratives.