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.

Implement comprehensive, template-based workflows for documents. This skill allows users to create reusable templates, programmatically generate multiple instances of documents by filling pre-defined fields, and manage complex signing processes. It supports direct signing links for public access and provides React components for seamless embedding into custom applications.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

Guides React Server Components workflows, streaming SSR, code splitting, bundle/image/font optimizations, and Core Web Vitals monitoring to keep Next.js frontends fast and responsive.

This tool provides a comprehensive workflow for generating powerful, self-contained frontend artifacts for AI platforms. It initializes a React/TypeScript project using Vite and Tailwind CSS, allowing developers to build complex UIs. The core function is bundling the entire application into a single, shareable HTML file, making it easily viewable within AI conversations.

A comprehensive development tool for building and managing enterprise-grade transactional email systems. It supports modern React Email and MJML templates, generating production-ready code for major providers like Resend, Postmark, and SendGrid. Key features include multi-provider integration, internationalization (i18n), dark mode, spam score optimization, and advanced analytics tracking. Ideal for setting up new products or migrating legacy email infrastructure.

Generates complete, production-ready landing pages using Next.js/React and Tailwind CSS. It incorporates proven copywriting frameworks (AIDA, PAS, BAB), optimizes for SEO with structured data, and adheres to Core Web Vitals standards (LCP, CLS). Ideal for creating high-performing marketing homepages, lead capture forms, and campaign sites.

An expert guide for developing production-grade AI applications, chatbots, and generative UIs using the Vercel AI SDK, Next.js, and React. Covers core concepts including streaming text (`streamText`), managing chat state (`useChat`), implementing complex tool/function calling, and ensuring robust structured data generation (JSON schemas) across multiple LLM providers.

Astro is a modern web framework designed specifically for building high-performance, content-heavy websites like blogs, documentation sites, and portfolios. Its core innovation is the Islands Architecture, which ships zero JavaScript by default, drastically improving performance and Core Web Vitals. It supports multi-framework components (React, Vue, Svelte) in a single project, making it ideal for content developers prioritizing speed and flexibility.

This guide details the functionalities for interacting with Lark Instant Messaging (IM). It covers core concepts like message types, threads, reactions, and flags, and provides methods for managing chat history, creating/managing groups, and handling various message resources (images, files, videos). It is essential for applications needing robust chat communication capabilities.

A comprehensive toolkit to automate core Slack workspace operations. Users can manage messaging (sending, updating, replying), perform advanced message searches, list and manage channels and users, and handle reactions and threaded conversations. Ideal for integrating Slack into automated business workflows.

A practical coach designed to develop the four core EQ competencies: self-awareness, self-regulation, empathy, and social skills. Utilizing concepts from affective neuroscience and established frameworks, it guides users to identify precise emotions, understand triggers, manage difficult feelings non-reactively, and improve interpersonal relationships while accounting for cultural emotional norms.