Frontend skills

This skill reviews TypeScript code for correctness, security, performance, and maintainability to improve PR quality and code health.

This skill captures high-quality MicroSim screenshots using Chrome headless, ensuring dynamic visualizations render before saving images.

This skill starts development servers with intelligent port management, auto-detects environment, handles conflicts, and opens the browser for a seamless local

This skill helps you build consistent Tailwind CSS themed UIs using shadcn/ui patterns, semantic tokens, and responsive dark mode across components.

This skill helps students learn classification across subjects by presenting scenario based questions with multiple choices and instant explanations.

This skill helps you generate interactive comparison tables as MicroSims with ratings, badges, logos, and documentation to streamline educational decisions.

This skill lints and formats frontend code using Biome 2.4, enabling type-aware checks, import organization, and CI-ready rules.

This skill configures and optimizes Vite 7 for React projects, guiding plugin order, environment handling, and rolldown integration.

This skill generates interactive Leaflet maps as MicroSims, enabling educators to visualize geography with ready-to-embed MkDocs content.

This skill helps you integrate Tool UI components into React apps quickly by discovering, installing, scaffolding, and validating runtime wiring.

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

This skill helps educators generate educational MicroSims using vis-network, enabling accessible, embeddable browser simulations for textbook demonstrations.

This skill generates interactive bubble charts with Chart.js to visualize 2x2 priority matrices and multi-dimensional data, delivering a complete MicroSim

This skill validates and secures environment variables across Next.js, Vite, React, and Node.js projects, preventing leaks and simplifying CI/CD.

This skill helps you implement advanced authentication by orchestrating server and client plugins with migrations and schema updates.

This skill enforces a modern, consistent UI design across platforms, guiding color, spacing, typography, and interactive states for polished interfaces.

This skill helps you master Vue 3 Composition API versus Options API to build scalable, maintainable frontends faster.

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

This skill helps you select Ant Design components and theming strategies for a performant, accessible SSR React app using v6 and Pro/X patterns.

This skill orchestrates advanced Tauri inter-process events for bidirectional, streaming, and multi-window communication, simplifying real-time app workflows

This skill helps you review files and process review comments by launching the GUI, parsing feedback, and guiding installation.