Skill UI

Enforces modern TypeScript patterns during development and reviews, guiding const usage, explicit return types, interface-driven shapes, and avoiding any/var or ignored errors.

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.

A comprehensive guide for writing and reviewing robust, behavior-first unit tests for Vue 3, TypeScript, and Pinia stores. This skill covers advanced patterns for testing components, composables, and state management using Vitest and Vue Test Utils, emphasizing black-box assertions and minimizing implementation coupling.

This skill guides the implementation of essential user feedback states—Loading (Skeleton), Empty (Zero Data), Error, and Success—for data-dependent components or entire pages. It ensures a robust and polished user experience by providing structured, best-practice patterns for handling various data scenarios, preventing visual gaps or dead ends in the UI flow.

This skill systematically analyzes an existing codebase to generate seven comprehensive technical documents. It covers the technology stack, architectural patterns, directory structure, coding conventions, external integrations, testing strategies, and technical concerns. It is invaluable for new team members onboarding, conducting project audits, or creating a complete, verifiable system knowledge base.

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 comprehensive guide provides minimal working examples for key Adobe APIs: Firefly AI image generation, PDF content extraction, and Photoshop background removal. It serves as a practical quickstart for developers starting new Adobe integrations, testing API connectivity, or learning basic API calling patterns using TypeScript and Node.js.

This guide identifies and corrects the most common programming mistakes and anti-patterns when integrating with Adobe APIs. It covers critical topics such as migrating from deprecated JWT to OAuth, implementing token caching, handling asynchronous job polling, and secure file uploads. Essential reading for building robust, production-ready Adobe integrations.

A comprehensive guide to setting up a full-cycle local Web3 development workflow. This skill utilizes Alchemy as the RPC provider, Hardhat for local unit testing, and integrates Mainnet forking and Sepolia testnet deployment. It covers initializing the project, configuring smart contract interactions, and implementing advanced testing patterns.

This guide demonstrates how to implement robust Role-Based Access Control (RBAC) for Algolia Enterprise environments. It covers defining granular permissions using ACLs, generating Secured API Keys for strict multi-tenant data isolation, and building middleware to validate service permissions, ensuring the principle of least privilege in large-scale applications.

A guide detailing four validated architectural patterns for integrating Claude APIs, catering to diverse scale and use cases. Choose between Serverless, Streaming Microservice, Queue-Based Pipelines, or complex Orchestrators to optimize performance, cost, and latency for your application, whether it's a real-time chatbot or large-scale batch processing.