Skill UI

A persistent, graph-based knowledge base designed to accumulate structured knowledge throughout the entire research lifecycle. It stores and connects diverse entities—including published papers, novel ideas, conducted experiments, and testable claims. Inspired by LLM Wiki patterns, it ensures knowledge compounding, meaning the wiki becomes progressively smarter with every piece of input, rather than requiring re-derivation for every query.

This skill scaffolds the complete boilerplate structure for a new mobile screen or page. It ensures that the resulting component adheres to established design system patterns, including Top Bars, Bottom Navigation, and standard content shells. Use it when starting a new dedicated mobile view and needing immediate adherence to design tokens and layout rules.

This skill allows users to generate structured and composed UI patterns—such as card sections, multi-column grids, forms, and data tables—by combining established design system primitives. It ensures consistency and reusability by adhering to defined layout rules, making complex UI development systematic and efficient.

This skill provides a comprehensive audit of user interfaces, evaluating screens against Nielsen's 10 Usability Heuristics and modern mobile UX best practices. It systematically checks for critical usability flaws, design inconsistencies, accessibility gaps, and potential dark patterns, ensuring the resulting product delivers a superior and intuitive user experience across all platforms.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

This skill provides actionable strategies and code patterns to significantly reduce Anima API costs. It focuses on optimizing usage through generation caching, detecting component changes for incremental generation, and implementing smart policies to minimize unnecessary API calls. Ideal for managing large-scale design-to-code workflows and controlling API budget.

A comprehensive, production-grade reference architecture for integrating with BambooHR HR data. It covers core patterns like real-time employee synchronization, scheduled data pipelines, and event-driven webhook handling. Use this when designing complex HR systems, building robust integrations, or establishing architectural standards for BambooHR-powered applications.

A comprehensive guide detailing three validated architectural patterns (Monolith, Service Layer, Microservice) for integrating with the Canva Connect API. This blueprint helps developers choose the optimal structure—from simple MVPs to complex enterprise systems—by addressing concerns like token management, asynchronous exports, rate limiting, and scaling strategies.

Provides production-ready client patterns for interacting with the Fathom API, implemented in both Python and TypeScript. This SDK wrapper is designed for building reusable client services, implementing robust meeting data pipelines, or integrating Fathom's core features (like transcripts and summaries) into specialized applications.

A comprehensive guide to the three primary architecture patterns for integrating with Figma: CLI scripts, Webhook services, and dedicated plugins. This resource helps developers select the optimal pattern (REST vs. Plugin API) based on whether the use case requires real-time event handling, local automation, or in-editor component interaction. Ideal for planning robust Figma-connected applications like design token synchronization or linting.

A collection of production-ready patterns for interacting with the Figma REST API and Plugin API. It provides type safety, robust error handling, and reusable abstractions for tasks like building client wrappers, extracting design tokens, and traversing complex node trees. Essential for building scalable, enterprise-grade Figma integrations.

This comprehensive checklist guides developers through the necessary steps to deploy a robust and reliable Grammarly API integration in a production environment. It covers critical aspects such as secure credential storage, rate limit handling, implementing text chunking, designing error resilience patterns (circuit breakers, retries), and establishing comprehensive monitoring and alerting systems to ensure high content quality and system uptime.