React skills

This skill helps AI agents generate images and videos from JSX Tailwind templates using the loopwind CLI, enabling fast templated outputs within your projects.

This skill helps design reusable component APIs and file structures for clarity, flexibility, and maintainability across React and Vue projects.

This skill analyzes signup, checkout, or settings forms and delivers prioritized UX accessibility fixes, field rewrites, validation specs, and ready-to-ship

This skill enables AI agents to interact with web applications via WebMCP tools, enabling structured, self-documented interfaces for tool-based web

This skill helps manage shopping cart state in React by preventing duplicates, persisting to localStorage, and centralizing logic in CartContext.

This skill provides a drop-in fear-greed index widget for crypto dashboards, delivering real-time sentiment insights and easy React/HTML integration.

This skill guides you to scaffold a production-ready DEX with Orderly Network SDK, covering project structure, provider hierarchy, network, and TradingView

This skill helps assemble complete DEX pages quickly using pre-built Orderly SDK components for trading, portfolio, markets, and leaderboard.

This skill fixes missing React/TSX imports and runtime errors in WASM SPA previews by inferring sources and applying precise source edits.

This skill installs Orderly SDK packages and related dependencies using your preferred package manager, enabling modular, ready-to-use DEX development.

This skill guides adding internationalization in Next.js apps, aligning locale routing, translations, SEO, and sitemap generation for multi-language sites.

This skill enables AI-powered phone calls using Pamela's voice API, guiding IVR navigation, mid-call tools, and webhooks with React UI support.

This skill guides you to craft visually distinctive frontend interfaces with bold direction, typography, color, motion, and memorable design choices.

This skill helps you build and troubleshoot AI chat UIs with Vercel AI SDK v6, including structured messages and tool-approval workflows.

This skill helps you integrate multiple wallet connections into Celo dApps using Reown AppKit, Dynamic, ConnectKit, or wagmi for flexible authentication.

This skill helps you add Font Awesome icons to web projects by guiding installation method, icon selection, and framework-specific usage.

This skill helps build engaging financial dashboards by animating numbers with spring physics, formatting, and change feedback.

This skill helps you implement zero-config animations with auto-animate across React and Vue, preventing SSR issues and enabling smooth, accessible transitions.

This skill helps you rapidly build trading UIs using pre-built Orderly components, boosting speed and consistency across dashboards.

This skill helps you build real-time dashboards by orchestrating dual streams, WebSocket/SSE gateways, and live React visualizations for trading and monitoring.

This skill generates production-ready React pages from natural language prompts and serves live designs with iterative improvements.