Frontend skills

This skill helps you create custom Hyvä CMS components for Magento 2 by guiding module setup, components.json, and PHTML templates.

This skill helps you design print-ready HTML documents with brand-aware CSS, producing clean PDFs and print-ready outputs.

This skill guides migrating tsc or tsup projects to Rslib with minimal changes and clear verification.

This skill converts UI screenshots into production-ready React code with responsive layouts and accessible HTML/CSS.

This skill helps migrate projects from webpack, Vite, CRA/CRACO, or Vue CLI to Rsbuild with minimal changes and validated results.

This skill helps upgrade a Rspack 1.x project to v2 by guiding dependency updates, config changes, and validation against the official migration guide.

This skill runs e2e tests, fixes flaky/outdated tests, and aligns test behavior with spec, without changing source code.

This skill analyzes rsdoctor-data.json to deliver evidence-based optimization recommendations for Rsdoctor bundle insights, focusing on chunks, modules, and

This skill guides you to set up or migrate Storybook to Rsbuild across React, Vue, HTML, and more, ensuring proper integration and workflows.

This skill helps you refactor React components by applying scalable composition patterns to reduce boolean props and clarify APIs.

This skill helps you build reactive Flutter UIs by streaming widgets in the build method, enabling dynamic updates and efficient data handling.

This skill helps you integrate a Lit web component with Monaco Editor to deliver a fully functional in-browser code editor for apps.

This skill shows how to run synchronous SQLite queries on the UI thread in Flutter to boost UI responsiveness and handle large datasets efficiently.

This skill helps you implement a multi-touch canvas in Flutter, enabling pan, zoom, and object interaction with conflict-free gesture handling.

This skill helps you push user interfaces beyond expectations by proposing and selecting ambitious, cinema-like interactions before coding.

This skill improves layout and spacing to create intentional visual rhythm, transforming monotonous grids into balanced, readable compositions.

This skill helps you build responsive Flutter code editors with a reusable TwoPane and InputOutputPreview to render code and live previews side by side.

This skill helps you add moments of joy and personality to interfaces, elevating usability with delightful, brand-consistent micro-interactions.

This skill helps you create a multi-page static site with file-based routing using TypeScript, enabling fast updates and simple content management.

This skill helps you build and integrate a Lit web component into a VSCode extension, accelerating setup and deployment.

This skill amplifies visual impact in safe designs by applying contextual boldness principles to enhance memorability while preserving usability.