web-artifacts-builder
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
141 skills found
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
Advanced TypeScript development agent: implements complex types, generics, branded types, and tRPC integration for end-to-end type safety.
Complete project architecture and structure guide for LobeHub. Use for codebase exploration, project organization, file location, and architectural context.
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers.
Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.
A comprehensive security auditing and hardening assistant that applies best practices for authentication, input validation, secrets management, and SQL injection prevention to your codebase.
Optimize Node.js performance via Redis caching, clustering, profiling, and monitoring to build fast, scalable, and efficient backend services.
Implement robust backend error handling with custom classes, middleware, structured logging, and recovery patterns.
Automated migration workflow from legacy Crowi (Express/Swig) to modern architecture (Next.js 16/Fastify/ts-rest).
Comprehensive code quality validation for LibrAgent, covering TypeScript frontend and Rust/Tauri backend via automated linting, formatting, type checking, and build verification.
Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.
Implement robust Rust backend services using Axum, SQLx, and thiserror with production-grade patterns.