Frontend skills

This skill helps you render interactive Chart.js graphs in Django templates by wiring data via data-* attributes and datalabels.

This skill helps you design and refactor reusable UI components across frameworks with clear interfaces and robust state management.

This skill helps you implement robust Vitest and React Testing Library tests for React apps, covering setup, mocks, and best practices.

This skill enables private, low-latency browser inference with ONNX Runtime Web for image, object, or NLP tasks.

This skill helps you implement robust notification systems in React and Next.js, covering panels, delivery channels, and user preferences.

This skill helps enforce team-wide TypeScript project conventions across frontend, backend, and tooling, ensuring consistent structure, APIs, and PR reviews.

This skill generates complete Svelte components in TypeScript with scoped CSS, instantly producing Button.svelte or similar files.

This skill helps you define user-centered interaction interfaces and optimize aesthetics based on product requirements for better usability and visual appeal.

This skill guides Tailwind CSS v4 usage with utility-first patterns, theme variables, and maintainable composition for scalable UI.

This skill helps you integrate Cohere's TypeScript SDK for chat, embeddings, and tool use in Node.js or browser apps.

This skill turns normalized event data into premium, story-driven dashboards by mapping fields to components, selecting aggregations, and handling sparse data.

This skill helps you craft infographic Mermaid diagrams that tell a visual story using emojis, theming, and accessible, organized layouts.

This skill generates polished PPT slides from your documents with AI-driven visuals, transitions, and an interactive playback viewer.

This skill helps you configure and troubleshoot CCTV streaming with HLS and WHEP, optimizing latency, reliability, and playback across components.

This skill renders markdown content in a beautiful, readable layout with theme and display options for distraction-free reading.

This skill helps you design beautiful, accessible interfaces with cohesive theming, color harmony, and Tailwind-powered implementation guidance.

This skill helps you implement and share session-based authentication and authorization in Inertia Rails apps using Devise or has_secure_password.

This skill helps you apply JavaScript stack best practices across React, Next.js, Node, and Nest.js to accelerate quality and consistency.

This skill automates creating Product Hunt ready marketing screenshots and listing copy for deployed Next.js projects using Playwright MCP.

This skill helps you implement HTMX universal patterns for secure, high-UX hypermedia apps by enforcing server-driven HTML responses and proper error handling.

This skill helps you implement lightweight data fetching with SWR, providing caching, revalidation, and safe mutation patterns.