Skill UI

This skill provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

Guides building bespoke interactive data visualizations with d3.js across vanilla or framework-based JavaScript, covering custom layouts, transitions, and responsive sizing.

Provides a deep dive and step-by-step scripts for complex Langfuse migrations. Covers comprehensive data export (traces, scores, prompts, datasets) and import processes. This guide is essential for platform transitions, moving between different Langfuse instances, or migrating from observability tools like LangSmith, supporting zero-downtime dual-write patterns.

This skill integrates Continuous Integration/Continuous Deployment (CI/CD) pipelines with Linear issue tracking. It automatically detects deployment URLs (e.g., Vercel, Railway), adds detailed deployment comments to relevant Linear issues, and manages state transitions (e.g., moving an issue to 'Review' or 'Done') based on the deployment environment (staging or production). It ensures a seamless link between code commits, deployment status, and project management tickets.

A comprehensive toolset for planning, validating, and executing complex system, database, and infrastructure migrations with zero downtime. It covers critical phases like schema evolution (Expand-Contract), API compatibility checks, risk assessment, and generating automated rollback runbooks. Essential for high-risk transitions where business continuity is paramount.

A comprehensive guide and set of rules for auditing and fixing performance issues related to UI animations. It addresses common problems like layout thrashing, janky transitions, and inefficient motion handling, helping developers optimize CSS/JS animations for smoother user experiences.

This guide provides expert knowledge on implementing complex, production-ready animations within the Makepad UI framework. It covers animation patterns for various interaction states, including hover, focus, pressed, and disabled. Users can learn to write code for transitions, manage state changes, and utilize advanced concepts like easing functions and keyframes to build visually rich user interfaces.

Automate creation of polished walkthrough videos by feeding Stitch project screens into Remotion compositions, adding smooth transitions, zooms, and contextual overlays to showcase apps for demos or product updates.

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.

This tool automates the entire workflow of creating a GitHub Pull Request (PR) directly from a structured specification file. It analyzes the template, extracts requirements, checks for existing PRs, creates the draft, updates the body and title with specification details, and finally transitions the PR state to 'Ready for Review'. This significantly streamlines the feature request submission process, ensuring all necessary documentation and metadata are included.

Implements verification gates as explicit phase checkpoints, producing acceptance checklists, CI gate configs, and manual approval rules so teams catch defects before phase transitions, covering requirements, design, implementation, integration, and deployment.

A comprehensive guide detailing how to upgrade Anthropic SDKs (Python/TypeScript) and manage API version transitions. Learn to migrate from Text Completions to the Messages API, incorporate new features like tool use, and handle common breaking changes across major SDK versions.