Web & Frontend

l-x-t Skill

Make an Angular (v17+) application accessible – semantic HTML, keyboard & focus, color contrast, text alternatives, accessible forms & tables, plus Angular-specific tooling (ARIA attribute bindings, CDK a11y LiveAnnouncer/cdkTrapFocus, Angular Aria & Material, accessible custom components, router titles/active-links/focus management). Use when the user wants to improve accessibility/a11y, meet WCAG AA, fix screen-reader or keyboard issues, pass axe/Lighthouse a11y audits, or asks for an accessibility review. Covers the angular.dev a11y best practices.

l-x-t Bundle

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices on reactivity (signals, linkedSignal, resource, httpResource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, naming conventions, or CLI tooling.

luokai0 Bundle

Train custom AI models (LoRA) on fal.ai — personalize image generation for specific people, styles, objects, or video generation. Use when the user requests "Train model", "Train LoRA", "Fine-tune", "Custom model", "Train on my images", "Portrait training".

luokai0 Skill

Canvas Skill

luokai0 Bundle

Generate images and videos with Kling O3 — Kling's most powerful model family. Text-to-image, text-to-video, image-to-video, and video-to-video editing. Use when the user requests "Kling", "Kling O3", "Best quality video", "Kling image", "Kling video editing".

luokai0 Skill

Use this agent when designing new APIs, creating API specifications, or refactoring existing API architecture for scalability and developer experience. Invoke when you need REST/GraphQL endpoint de...

luokai0 Skill

Makepad Question Router

iamneilroberts Bundle

Quickly mock up alternative UI / interface designs as a single self-contained HTML file with a built-in view-switcher across variations, then hand it over: download the file, attach it to an email draft, or (if you wire your own static host) publish it to a URL. Runs a short interview (what to mock, how many variations, what dimension varies, any reference) before building, and passes the output through an anti-AI-slop design gate. Also supports a build-only mode (`/mock --local`, "just build the file", "don't publish") that stops after writing the file. Triggers on `/mock`, "mock up an alternative", "mock up some variations of this screen", "build a few design options for X", "show me alternatives to this interface".

iamneilroberts Bundle

Run persona-based subagent tests against a target app through an app-specific adapter. Dispatches multiple parallel persona subagents — each role-playing a distinct user type (budget-conscious, power user, frustrated first-timer, skeptic, accessibility-first, or generated ones) — through the app, judges every resulting run record against a rubric, aggregates the results, and always writes a local Markdown report, optionally posting to an adapter-declared sink. Triggers on `/persona-test`, `/persona-test changes`, `/persona-test issue <N>`, `/persona-test scenario <name>`, "run a persona test", "test this with personas", "persona-test this change", "how would different users experience this".

magnus919 Bundle

Platform-agnostic Mermaid.js diagramming — flowcharts, sequence diagrams, C4 (via Structurizr or flowchart workarounds), class/state/ER diagrams, Gantt, and block diagrams. Generates valid Mermaid syntax, renders via mmdc CLI or CDN, and validates before output. Portable — works in CLI, markdown, HTML, PDF, and any agentic context.

magnus919 Bundle

Frontend engineering methodology — component architecture, state management, API integration, responsive layout, client-side performance, and frontend testing patterns. Framework agnostic, focused on web frontend implementation.

magnus919 Bundle

C4 Model structural views — System Context, Container, Component, and Code diagrams. Maps C4 zoom levels to Artifact Pyramid layers (Context→L1, Container/Component→L2, Code→L3). Use when the technical-architect profile needs to produce structural architecture diagrams.

hack23 Skill

Comprehensive testing strategy covering unit, integration, E2E, security, accessibility, and performance testing

hack23 Skill

Security code review for HTML/CSS/JavaScript in static websites

hack23 Skill

C4 architecture model for documenting static HTML/CSS websites with MCP server integrations

diegosouzapw Bundle

UI/UX design intelligence. 57 styles, 96 palettes, 50 font pairings, 25 charts, 11 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Search and apply design best practices.

diegosouzapw Bundle

Class Based State Management Skill

diegosouzapw Bundle

Frontend Verification & Testing

diegosouzapw Bundle

Transloco i18n best practices for Angular. Install alongside angular-best-practices.

diegosouzapw Bundle

Setup Sentry Metrics in any project. Use this when asked to add Sentry metrics, track custom metrics, setup counters/gauges/distributions, or instrument application performance metrics. Supports JavaScript, TypeScript, Python, React, Next.js, and Node.js.

diegosouzapw Bundle

Frontend CSS

luokai0 Bundle

HTML Instant Deploy

luokai0 Bundle

Easy HTML Deploy

luokai0 Bundle

html-deploy-easy

luokai0 Bundle

html-easy-deploy

luokai0 Skill

Create Workflow Command

diegosouzapw Bundle

Agent Component

diegosouzapw Bundle

Angular 17. Proyecto usa este skill; contenido canónico en .ai-system.

construct-ai-primary Skill

DevMode Toolbar Shared Component

construct-ai-primary Skill

Skill for template-based code generation with AST validation, React component scaffolding, and code quality enforcement in the ConstructAI platform

aibot88 Bundle

Audit de sécurité complet de l'authentification d'une application (backend + frontend + infra)

diegosouzapw Bundle

Angular Frontend Development - Photo Map MVP

diegosouzapw Bundle

Html Specific Rules Skill

aibot88 Bundle

Searches and downloads royalty-free images from Pexels API with smart filtering by orientation, color, and size. Generates attribution HTML and maintains a local deduplication index via SQLite.

aibot88 Bundle

Berdasarkan survei "Emerging Jobs Report 2024" yang diterbitkan oleh LinkedIn, platform profesional ternama, terungkap sepuluh hard skill yang paling dicari di tahun 2024.

aibot88 Bundle

Audit a React Native / Expo codebase after a milestone tag is cut — drift, regressions, extraction signals, and convention compliance against documented rules.