Frontend skills

This skill distills complex designs to their essence, removing clutter to reveal clear, focused interfaces.

This skill generates accessible, responsive HTML/JS web designs from descriptions, with automated verification and optional framework support.

This skill helps Swift developers bridge JavaScriptKit and WebAssembly, enabling Swift web apps with seamless interop and tooling guidance.

This skill helps you implement server side rendering for Flutter apps using the rfw package to drive dynamic UI updates.

This skill helps you implement a responsive Flutter master-detail interface that adapts to screen sizes with multi-column layouts and mobile push.

This skill helps you identify performance bottlenecks and implement measurable optimizations to speed up loading, rendering, and interactions.

This skill helps you generate dynamic HTML tables from JSON using a Lit web component, supporting remote or inline data and optional editing.

This skill analyzes and refines typography to create clear hierarchy, consistent sizing, and improved readability across interfaces.

This skill analyzes a feature and enhances it with purposeful animations and micro-interactions to improve clarity, feedback, and delight.

This skill helps you adapt Material Design 3 styling to Material Design 2 components via CSS variable overrides for cohesive theming.

This skill teaches you to build a Figma plugin using Lit web components, covering setup, UI creation, code integration, and testing.

This skill helps you normalize designs to your design system by aligning typography, colors, spacing, and components across features.

This skill explains how to embed a Lit web component inside a Flutter app to access native APIs and enable hybrid functionality.

This skill helps you manage asynchronous data with Preact Signals by implementing an asyncSignal that tracks loading, data, and error states.

This skill helps you reduce visual intensity in bold designs while preserving impact, delivering refined, approachable aesthetics that still communicate

This skill helps you build Rails UI with Kiso components and Tailwind theming, accelerating accessible interfaces and themed layouts in Hotwire apps.

This skill helps you build reusable HTML Web Components using JavaScript or Dart, enabling framework-agnostic UI across projects.

This skill performs a post-implementation finalize checklist, auto-verifying lint, tests, docs, UI quality, and hygiene to prep for merge.

This skill helps you build and experiment with a Lit-based HTML element sandbox, enabling live updates and interactive web component demos.

This skill guides you to build a WebRTC signaling server with PocketBase, enabling peer-to-peer video calls and SSE-based real-time updates.

This skill helps you write maintainable StimulusJS controllers by applying SOLID and Better Stimulus patterns for configurable state and declarative