Skill UI

Comprehensive guidelines for writing idiomatic and efficient PHP code. Covers modern best practices including type safety, error handling, OOP patterns, and array operations to improve code quality and maintainability.

Provides comprehensive architectural guidelines and code patterns for developing high-end, immersive 3D web experiences. This skill covers advanced topics such as custom WebGL shaders, post-processing effects (Bloom, Depth of Field), realistic physics interactions, and crucial performance optimization techniques, ensuring a premium, polished user experience across devices.

This skill systematically audits a given project by analyzing its historical memory, rollout summaries, and local skill definitions. It identifies repeated complex workflows, recurring operational patterns, or areas where existing skills are stale. The audit process guides the user to recommend the highest-value skills to either add (if a new pattern emerges) or update (if current skills are outdated or incomplete), ensuring the AI agent operates with the most accurate and context-specific knowledge base for optimal project execution.

A guide to building robust projections and read models from continuous event streams. This pattern is essential for implementing CQRS read sides, creating materialized views, optimizing query performance, and building complex search indexes in event-sourced architectures. Use it when data needs to be transformed and aggregated from raw events into optimized query structures.

Master advanced prompt engineering techniques to maximize LLM performance, reliability, and controllability. This skill covers few-shot learning, chain-of-thought prompting, prompt optimization, template systems, and system prompt design. It helps in designing complex prompts for production applications, optimizing consistency, and debugging inconsistent outputs. Ideal for developers building AI assistants and production-grade LLM applications.

This skill provides language-specific super-code guidelines for Python, covering idioms, efficiency, and best practices. It includes recommendations on comprehensions, unpacking, built-ins, functions, classes, error handling, type hints, and common anti-patterns to improve code quality and readability.

This comprehensive guide provides robust strategies for testing Python code using industry best practices. It covers essential techniques like pytest, fixtures, mocking, parameterization, and implementing Test-Driven Development (TDD). Use this skill when writing unit tests, setting up complex test suites, performing integration testing, or establishing continuous testing infrastructure in CI/CD pipelines.

Build accessible, production-grade design systems with Radix UI headless primitives. Covers theming strategies, compound component patterns, and WCAG-compliant React component libraries with full styling control.

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 allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

This skill enables developers to build production-ready ReactFlow applications featuring hierarchical navigation, performance optimization, and advanced state management. It includes TypeScript implementation patterns, layout caching, and interactive graph visualization techniques suitable for complex data structures.

Create React Flow node components with TypeScript types and store integration. Provides templates and patterns for building custom nodes, including component structure, type definitions, and integration steps.