Skill UI

Applies Anthropic’s official color palette, typographic hierarchy, and accent system to any artifact that needs the company’s visual identity, ensuring consistent styling across materials with smart fallbacks for system fonts.

This skill provides access to official Anthropic brand identity resources, ensuring visual consistency across all documents. It automatically applies defined brand colors (primary, accent, neutral) and typography (Poppins for headings, Lora for body text) while maintaining structural integrity and readability. Ideal for professional reports, presentations, and marketing materials needing strict corporate adherence.

This skill serves as a comprehensive reference guide for Kling AI's various generative models. It details capabilities across video generation (T2V, I2V), image styling, lip sync, and virtual try-on. Users can compare model versions based on quality, speed, and cost to select the optimal model for their creative or production pipeline.

This skill acts as a specialized expert for generating professional and complex diagrams using Mermaid syntax. It specializes in creating flowcharts, sequence diagrams, ERDs, state charts, Gantt charts, and various system architectures. It adheres to best practices, ensuring readability, consistent styling, and providing complete, ready-to-use code for multiple diagram types.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

Theme Factory delivers 10 curated color and font themes plus a workflow to apply or generate palettes for slides, docs, reports or landing pages, ensuring consistent visual identity across artifacts.

Guides using matplotlib to craft static, animated, and interactive plots through both pyplot and object-oriented APIs, detailing styling, subplots, and export options for publication-ready scientific workflows.

Creates and validates Mermaid diagrams across 20+ types, renders SVG/PNG/ASCII, enforces curated styling, and supports batch rendering with themes; ideal for architecture, flow, and ERD visualization requests.

A comprehensive guide detailing best practices for building beautiful, high-performance, and native-feeling applications using Expo Router. Covers fundamentals, advanced styling, component patterns, complex navigation, animations (Reanimated), native controls, and ensuring platform responsiveness for both iOS and Android.

A comprehensive setup guide for integrating Tailwind CSS v4 into Expo/React Native projects. This skill utilizes react-native-css and NativeWind v5 to achieve universal, utility-first styling across iOS, Android, and Web platforms, ensuring modern, consistent UI development.

This guide provides a comprehensive overview of various material types in Three.js, including MeshBasic, MeshLambert, MeshPhong, MeshStandard, and advanced MeshPhysical materials. It covers techniques for achieving realistic PBR rendering, simulating materials like glass, car paint, and fabric, and utilizing custom shaders for maximum visual control. Essential for any developer styling meshes and creating immersive 3D experiences.

Utilizes advanced AI to generate, compare, and integrate multiple production-ready, modern, and highly customizable UI component variations. Instead of a single solution, this skill provides multiple design options (e.g., pricing tables, contact forms) with advanced styling like glassmorphism and animations, ensuring the final design is unique and visually stunning. Ideal for front-end developers and designers pushing design boundaries.