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.

This skill leverages Google Gemini's advanced image generation model to create high-quality, context-specific visuals. It is essential for developers needing placeholder images for UIs, generating detailed diagrams for technical documentation, or visualizing abstract concepts, logos, and assets across cross-platform projects (Windows, macOS, Linux).

This advanced workflow emulates an elite Senior Software Engineer and Senior Product Designer, ensuring maximum quality output. It enforces a rigorous, multi-step process including ultra-fast planning, solid architecture design, TDD implementation, clean code refactoring, technical auditing, and crucially, mandatory pixel-perfect UI/UX validation. Use this for complex projects demanding both robust code and flawless visual presentation.

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

This comprehensive tool generates high-quality Mermaid diagram code (including flowcharts, sequence diagrams, ER diagrams, etc.) directly from natural language user requirements. It handles complex structured output, mandatory syntax validation using dedicated CLI tools, and detailed visual review to ensure the accuracy of all components and connections.

Manim is a powerful Python library used for creating high-quality mathematical and scientific animations. This skill facilitates the generation of educational videos and complex visualizations for presentations. It is ideal for researchers, educators, or content creators who need to visualize complex concepts in an engaging animated format. Note: This specific file is related to localization/translation.

Expert skill for generating production-quality Python scripts specifically for the FreeCAD CAD application. This includes automating complex 3D modeling tasks, creating parametric FeaturePython objects, performing advanced geometric operations (Boolean, Fillet, Loft), building custom GUI tools using PySide, and handling mesh/FEM analyses via the FreeCAD Python API. Ideal for CAD automation and engineering visualization.

Defines Salesforce Lightning Web Component, Aura, and Visualforce quality/security standards covering SLDS 2 styling, accessibility (WCAG 2.1 AA), data access patterns, component communication rules, XSS/CSRF protections, view state management, and Jest testing requirements for guided UI development and reviews.

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

This skill provides the comprehensive reference architecture and implementation patterns for integrating Runway's advanced AI capabilities. It focuses on guiding developers through the process of AI video generation, image-to-video conversion, and creative content creation using the dedicated Python SDK. Use this when building applications that require high-quality, generative visual media.

A utility to render high-quality, static title or ending cards as PNG images. It supports centered headlines, optional subtitles, and configurable solid-color backgrounds. Crucially, it handles complex CJK fonts with glyph verification, ensuring robust and professional output without relying on LLMs or network connectivity. Ideal for generating consistent opening/closing visuals for short-form video content.