Frontend skills

This skill guides you through Next.js App Router patterns, server/client components, and routing files to read, review, or create app directory files.

This skill translates Refactoring UI principles into Tailwind utility patterns, enabling consistent branding, responsive layouts, and accessible components.

This skill guides you to use the AIRIOT client for API, auth, forms, models, pages, and real-time data integration with TypeScript.

This skill helps you interact with the Figma REST API by guiding requests, authentication, and resource usage for files, components, and webhooks.

This skill renders interactive HTML interfaces in chat using the render_ui tool to display forms, charts, dashboards, and widgets.

This skill helps you set up visual regression testing with Percy, Chromatic, or Playwright to catch UI changes early.

This skill generates and configures security HTTP headers for web apps, helping prevent XSS, clickjacking, and MITM attacks.

This skill verifies WCAG 2.1 AA/AAA compliance and guides automated and manual accessibility testing to remediate issues.

This skill guides Svelte 5 runes for reactive state, props, and effects, helping you write safe, consistent, and performant components.

This skill helps you design declarative, GPU-accelerated native UIs with synchronized trees and Rust patterns inspired by Raph Levien.

This skill guides you in building responsive Svelte visualizations with Layer Cake by managing scales, dimensions, data flows, and multi-rendering contexts.

This skill guides building extensible SwiftUI style-driven components using Apple patterns like ButtonStyle and LabelStyle, enabling environment-based styling

This skill helps you apply Addy Osmani's performance-first patterns to build fast, well-structured Python apps with thoughtful design.

This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.

This skill converts Figma designs to code by extracting context, metadata, and tokens to generate React + Tailwind components.

This skill helps you generate and implement TinyVue components with strict API constraints, docs, and examples for rapid, compliant development.

This skill helps you generate compliant TinyRobot Vue components and implementation guidance by consulting docs, demos, and rules to ensure fidelity.

This skill guides you through Plone 6 and Volto full-stack development, from backend APIs to frontend blocks and deployment.

This skill helps you set up a high-performance Bun development server with hot module replacement and React Fast Refresh for frontend, API, or full-stack apps.

This skill enforces feature-first Clean Architecture guidelines for DTOs, domains, and data layers to improve maintainability and correct dependency direction.

This skill guides effective browser automation with a dev-browser plugin to test local UI changes, debug issues, and automate repetitive tasks.