Frontend skills

This skill helps you scaffold OpenTUI projects with templates, examples, and best practices to accelerate learning and production-ready setups.

This skill sends your last LLM response to a browser-based feedback UI for inline edits, comments, and structured export.

This skill generates complete Nuxt 3 page components using Vue 3 Composition API with auto-imports for rapid page creation.

This skill helps implement form attribution to auto-capture utm and click IDs and inject hidden fields for marketing analytics.

This skill helps you implement a reusable LMS quiz system with quiz containers, questions, scoring, and results in Nuxt UI.

This skill automates registration, build, upload, and deployment of Kuroco sites from AI prompts, delivering preview or production URLs efficiently.

This skill generates complete Flutter widget Dart files with state management and theming for immediate use

This skill helps Aurora Tailwind styling for forms and components by applying layout, theming, and responsive patterns with dark mode support.

This skill helps you understand and apply the @arim-aisdc/public-components library, enabling advanced table, forms, and global config across front-end apps.

This skill enables reliable server-sent events integration, including lifecycle, reconnection, keep-alives, and message parsing for real-time client updates.

This skill helps you implement Angular components and services in Aurora projects by applying mandatory pre-flight checks, enum usage, and framework-specific

This skill securely executes sensitive browser actions such as login and payments via a dedicated CLI, keeping credentials isolated from the main agent.

This skill helps you identify and demonstrate XSS vulnerabilities in web apps, guiding safe testing and remediation with client-side injection techniques.

This skill enables real-time streaming chat and collaborative features for Composable Svelte apps, improving LLM conversations, presence, typing indicators,

This skill analyzes JavaScript and TypeScript projects to build dependency graphs and identify barrels, hubs, cycles, and orphaned files.

This skill helps outline Santa Lucía delivery system architecture and business rules for tracking miles, ranking, and payments.

This skill helps you create interactive charts with Svelte using Observable Plot and D3, including zoom, tooltips, and responsive charts.

This skill helps you generate X/Twitter cards as images with 2x resolution, safe margins, and explicit PNG URLs to boost shareability.

This skill generates HTML5 Canvas templates with pre-defined drawing logic for shapes like rectangles, circles, grids, and stars.

This skill helps you implement robust client and server file uploads with drag-and-drop, validation, presigned S3 uploads, and accessibility.

This skill converts design into business-ready UI code by accurately reproducing visuals and generating structured, data-driven components.