airiot-frontend
Official AIRIOT development toolkit for building React applications with TypeScript, shadcn/ui, and integrated real-time platform capabilities.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
294 skills found
Official AIRIOT development toolkit for building React applications with TypeScript, shadcn/ui, and integrated real-time platform capabilities.
A design-focused coding agent that brings world-class interface craft, motion, and systematic front-end engineering to your development workflow.
Create structured, high-quality technical implementation plans via an agent-driven, iterative process. Ideal for complex refactoring, new features, and technical design.
Build systematic evaluation frameworks for AI agents using multi-dimensional rubrics, LLM-as-a-judge, and regression testing to measure performance, quality, and context engineering effectiveness.
Expert consultant for designing and building high-quality, consistent AI agent skills. Guides you through discovery, architecture, and creation phases to ensure reliable, composable, and efficient skill delivery.
Extract tacit engineering knowledge through guided interviews and generate structured steerings for consistent project standards and conventions.
Designer's eye QA: detects and automates fixes for visual inconsistencies, spacing, hierarchy, and UI polish issues. Iteratively verifies with before/after screenshots.
React component development guide for LobeHub, including styling with antd-style, layout building with @lobehub/ui, and routing management.
Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.
Linter-driven refactoring agent that resolves complexity issues like cyclomatic depth, primitive obsession, and long functions using automated pattern extraction.
GitHub operations via gh CLI. Use for repository inspection, issues, PRs, releases, and deep codebase analysis including cloning for architectural insights.
Browser-based QA automation for web applications. Performs automated site audits, visual regression testing, user flow verification, and issue tracking with real-time browser snapshots.