Skill UI

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 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 generates comprehensive and structured requirements documents for a new specification. It systematically aggregates context from project files, business rules, and technical constraints, ensuring all generated requirements focus on user-observable behavior (WHAT) rather than implementation details (HOW). It follows established standards like EARS format and includes a rigorous review gate to ensure scope clarity and completeness.

This skill automates the process of transforming high-level product specifications, requirements, and design documents into a detailed, actionable, and executable task plan. It follows a multi-stage workflow, including context loading, parallel research, and two rigorous review gates (Task Plan Review and Task-Graph Sanity Review). The output provides properly sized (1-3 hours), logically sequenced tasks, ensuring every requirement is covered and dependencies are explicitly managed, dramatically improving project planning accuracy.

This skill provides an interactive, comprehensive quality review for technical design documents. It systematically validates a feature's readiness for implementation by assessing critical issues, identifying strengths, and providing a clear GO/NO-GO decision with actionable next steps. Ideal for ensuring architectural soundness and catching risks early in the development lifecycle.

This skill rigorously verifies all claims of completion, whether for a task, a bug fix, or a feature rollout. It prevents false assurances by demanding fresh, multi-faceted evidence, including full test suite results, comprehensive coverage reports, integration status, and validation commands. Use it before declaring a component ready for GO or accepting a sub-agent's success report.

Provides technology-agnostic guidance for architecting and reviewing modular systems. This skill covers core architectural principles such as bounded contexts, state isolation, explicit contracts, and failure containment. Use it when determining service boundaries, assessing coupling between domains, or designing new greenfield architectures without assuming a specific framework, language, or repository structure.

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.

A comprehensive guide to implementing secure and compliant data handling within Algolia. This skill demonstrates how to transform source records, strip Personally Identifiable Information (PII), implement attribute filtering, and enforce data access controls. It provides robust workflows for GDPR and CCPA compliance, including data deletion (Right to Erasure) and Data Subject Access Requests (DSAR).

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.

This skill demonstrates how to create an event-driven pipeline using Figma's Webhooks. It listens for design file changes and automatically triggers Anima to regenerate production-ready code components (e.g., React/TypeScript/Tailwind). Ideal for integrating continuous design updates into CI/CD workflows.

A comprehensive guide for configuring and managing Claude API access across disparate environments (Development, Staging, Production). This skill details how to implement isolated API keys, model selection strategies, and crucial spend controls using Anthropic Workspaces, ensuring secure and reliable deployment pipelines for AI applications.