Frontend skills

This skill provides battle-tested map style patterns and layer configurations for common use cases like restaurants, real estate, data visualization, and

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

This skill generates scalable SVG graphics via Python scripts for icons, charts, fractals, and generative art, returning ready-to-use SVG output.

This skill helps you implement website development patterns using Astro 5, Tailwind, and Starlight to build responsive, accessible UI.

This skill provides expert guidance on using the ahooks React hooks library, covering state, data fetching, performance, and advanced patterns for robust apps.

This skill guides developers migrating from Google Maps to Mapbox GL JS, mapping API equivalents, patterns, and key differences to accelerate migration.

This skill helps you learn Formily basics, set up projects, and implement schema-driven, type-safe forms in React with practical, guided steps.

This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.

This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and

This skill helps you tailor Clerk component appearance by applying themes, layout, colors, and fonts to match branding.

This skill delivers Mapbox performance guidance to reduce init waterfalls, optimize data loading, and optimize rendering for fast maps.

This skill helps you design, validate, and transform design tokens using DTCG specifications across color spaces and resolvers.

This skill helps audit MultiversX dApp frontend flows, focusing on transaction construction, signing security, and data handling to prevent exploits.

This skill guides end-to-end testing of Clerk apps with Playwright or Cypress, establishing isolated auth sessions and reusable storage state.

This skill audits frontend dApp components for wallet integration and transaction handling security, helping you harden React/TypeScript apps using sdk-dapp.

This skill guides you to craft clear Mermaid.js diagrams across flowcharts, sequences, class and state diagrams, improving visual communication.

This skill helps you build production-grade data tables with MRT V3 and MUI, covering server-side ops, CRUD, virtualization, and advanced filtering.

This skill safely upgrades JavaScript packages across npm/pnpm/yarn with breaking-change detection, migration guidance, and codemod-driven code updates.

This skill retrieves current OSWorld observation including screenshot and accessibility tree to empower debugging and UI analysis.

This skill generates an interactive 3D HTML visualization of the session-local occupancy grid and opens it in the browser.

This skill helps you implement and refactor Effect-TS patterns, services, and error handling, including Next.js integration with effects.