Frontend skills

This skill helps you deploy and test a local voice development server with ngrok, coordinating backend, frontend, and voice services.

This skill helps developers author Storybook CSF 3.0 stories with TS safely, configuring argTypes, decorators, and docs for React components.

This skill helps you develop Sorcha.UI pages with integrated Playwright E2E tests against Docker, ensuring UI functionality and visual health.

This skill helps you test local web applications using Playwright, capturing logs and screenshots while debugging UI behavior.

This skill helps you manage npm packages and run scripts safely through a unified utoo interface, boosting project setup and maintenance efficiency.

This skill helps you build Chrome extensions that run on-device AI for text generation, summarization, translation, and writing directly in the browser.

This skill automatically generates screen recordings with AI narration to demonstrate PR changes, helping you present UI updates quickly.

This skill reviews Angular code for security, performance, and maintainability by applying best-practice rules across modules, components, and services.

This skill helps enforce the Agent OS frontend CSS standard across projects, improving consistency, accessibility, and maintainability.

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

This skill guides you to understand product requirements and build interactive frontend pages that deliver a polished user experience.

This skill helps you build beautiful, high-performance Flutter apps by applying official best practices for architecture, widgets, state, testing, and tooling.

This skill guides strict refactoring of TS/React code, ensuring one export per file and mandatory post-refactor checks to elevate quality.

This skill guides designing robust UI widgets for GPT and MCP apps, choosing React or template literals, and ensuring reliable rendering.

This skill helps you build real-time React/TypeScript apps using Ably channels, spaces, live objects, chat, and live sync.

This skill explains the Agent Runtime purpose, architecture, and value, outlining how it orchestrates isolated AI agent workloads and streams data to apps.

This skill helps you implement Phantom Connect wallet integrations across React, React Native, and browser apps for Solana.

This skill helps you implement web animations with GSAP for tweens, timelines, and scroll-based effects across components and pages.

This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate

This skill analyzes a Backstage frontend plugin and generates the RHDH dynamic plugin wiring configuration for app-config.yaml.

This skill helps you implement Vue 3 forms with VeeValidate v4 using useForm, defineField, useField, and useFieldArray for robust validation.