Skill UI

A comprehensive guide to best practices for building production-ready React Native and Expo applications. Covers core concepts including Expo Router navigation, state management separation, robust data fetching with TanStack Query and Zod, efficient list rendering, styling consistency, and accessing native APIs.

A comprehensive final check guide for authors submitting to the Journal of Public Administration Research and Theory (JPART). This checklist covers critical elements such as double-blind anonymization, strict word count adherence (including all components), OUP author-date styling, data availability, and required declarations, ensuring the manuscript is ready for Editorial Express.

A comprehensive guide to building responsive and navigable user interfaces (UIs) in Godot 4.x. Learn to utilize Control nodes, Anchors for adaptive layout, various Container nodes (VBox, HBox, Grid), and Theme resources for consistent styling. This skill covers anchoring, layout management, focus navigation for controllers/keyboards, and signal handling for HUDs, menus, and dialog boxes.

This skill generates high-quality, styled code screenshots by calling the ray.tinte.dev API. It allows users to convert raw code snippets into professional PNG images, supporting multiple programming languages (e.g., Python, JavaScript, TypeScript), customizable themes, and various styling parameters like font size and padding. Use this when the user explicitly requests code images, code snippets as pictures, or mentions 'ray' to visualize code.

A comprehensive guide and workflow tool for converting high-fidelity visual designs from Stitch into production-grade, component-based dashboards. Targets the modern stack including React 18, Vite, TypeScript, and TanStack Query. It integrates design tokens from DESIGN.md for styling consistency, supports complex data visualization, and includes patterns for Web3 integration (ethers/viem) for reading on-chain data.

Tinte is an agent-native infrastructure designed for generating, compiling, and managing consistent design systems from a single source of truth. It maintains a graph of 13 semantic OKLCH color tokens, compiling them into multiple formats including shadcn/ui presets, VS Code themes, and terminal configurations. Use it to ensure brand consistency, extract themes from images (via AI), and generate code previews with professional styling.