Agent Skills Hub

figma-design-to-code

Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.

react-native

React Native best practices for Expo and bare workflow. Supports project structure, navigation, NativeWind styling, platform-specific code, and TypeScript integration.

frontend

Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.

tikz-flowchart

Create professional technical diagrams and flowcharts using LaTeX TikZ with standardized Google Material and Anthropic-inspired design themes.

airiot-frontend

Official AIRIOT development toolkit for building React applications with TypeScript, shadcn/ui, and integrated real-time platform capabilities.

nuxt-ui-v4

Production-ready Nuxt UI v4 component library featuring 125+ accessible components, Tailwind CSS v4, Reka UI, and specialized dashboard, chat, and editor layouts.

senior-data-engineer

World-class senior data engineering skill for building scalable data pipelines, ETL/ELT systems, and modern data infrastructure using Python, Spark, dbt, and Kafka.

context-cascade

A nested plugin architecture for Claude Code that optimizes context by dynamically loading playbooks, skills, and agents to save over 90% in token usage.

agents-md-generator

Generate hierarchical, token-efficient AGENTS.md files for AI coding agents to provide repository-wide context and project-specific guidelines.

resume-builder

Generate professional resumes with AI for Reactive Resume. Build, structure, and refine your resume content into valid JSON format for easy import to rxresu.me.

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

draw-io

Specialized skill for creating, editing, and maintaining .drawio diagrams. Supports XML manipulation, layout optimization, AWS icon usage, and automated PNG conversion for documentation.