Skills tagged "frontend" (1279)

🎨 Webf Api Compatibility

This skill quickly reveals WebF API and CSS compatibility, guiding feature planning and providing alternatives for unsupported features.

frontenddebuggingapi

2

🎨 Webf Native Plugins

This skill helps you integrate native WebF plugins to access camera, payments, geolocation, and more from JavaScript in Flutter apps.

frontendapidocsdebugging

2

🛡️ Xss Html Injection

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

securitytestingdebuggingfrontend

2

🎨 Zustand 5

This skill helps you implement Zustand state patterns including slices, persistence, selectors, async actions, and middleware for React apps.

frontendproductivitydebugging

2

🎨 Zustand State

This skill simplifies Shopify Remix state management with Zustand, enabling typed stores, SSR-friendly patterns, and selective re-renders for fast,

remixreacttypescriptfrontend

2

🎨 0chan Smc Frontend Dev Guidelines

This skill guides modern Next.js 15 frontend development with React 19, TS, Tailwind, and Server/Client patterns for scalable apps.

frontendperformancecode-review

🎨 3d Graphics

This skill helps you build high fidelity 3d web graphics with three.js, delivering interactive scenes, animations, and efficient rendering across devices.

frontendperformanceautomationdesign

🎨 A11y Annotation Generator

This skill automatically adds ARIA labels, roles, and alt text to HTML/JSX/Vue to improve accessibility and screen reader support.

accessibilityfrontenduxproduct

🎨 A2ui Templates

This skill helps you generate on-demand A2UI templates for flowcharts, forms, dashboards, and galleries to visualize structured data.

designuxfrontendproduct

🎨 A2ui_skills

This skill generates A2UI protocol v0.8 compliant UI code and JSONL messages to build agent-driven surfaces across platforms.

frontendapidataux

🎨 Ably Realtime Skill

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

frontendapidatabasedata

🧪 Abramov

This skill helps you write predictable, composable React state, colocate data, and use custom hooks to improve developer experience.

reactfrontendjavascriptdebugging

🧪 Accelint React Testing

This skill helps you write, review, and refactor React tests with Testing Library, emphasizing accessible queries and user-centric interactions.

reacttestingfrontendaccessibility

🧪 Accessibility

This skill helps you implement WCAG-compliant accessibility across your app by guiding semantic HTML, keyboard navigation, and ARIA patterns for inclusivity.

uxfrontendtestingdesign

🧪 Accessibility

This skill ensures WCAG 2.2 AA compliance for the frontend by enforcing semantic HTML, keyboard navigation, focus management, and accessible forms.

frontenduxdesigntesting

🧪 Accessibility Audit

This skill performs a comprehensive accessibility audit against WCAG guidelines, identifying barriers and suggesting inclusive design improvements.

accessibilityfrontenduxtesting

🧪 Accessibility By Default

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.

frontendaccessibilitytestingcode-review

🧪 Accessibility Object Model Integration

This skill facilitates programmatic manipulation of the accessibility tree to support complex custom controls in React.

accessibilityfrontenduxtesting

🧪 Accessibility Review

This skill performs manual accessibility reviews against WCAG AA, identifying issues and suggesting practical fixes to improve inclusivity.

accessibilityfrontenduxtesting

🎨 Add Announcement

This skill helps you add announcement cards to the Agenta sidebar, enabling timely changelog entries and banners for features and promotions.

frontendproductdocsux

🎨 Add Expert

This skill helps you add a new expert to the Remotion experts page by updating images, metadata, and generated cards.

frontendreactdocswriting

🎨 Add Icon

This skill helps you add or update language and framework icons in Socialify by mapping to Simple Icons or custom icons.

frontendbackendfullstackautomation

🎨 Adding Animations

This skill helps you apply consistent Framer Motion animations across components, using stagger, hover, and reduced-motion patterns for accessible motion.

frontendreacttypescriptaccessibility

🛡️ Adk Frontend

This skill guides building frontends that connect to Botpress ADK bots, covering authentication, type generation, client setup, and safe action calls.

frontendapisecuritydebugging

🎨 Adopt

This skill guides migrating error handling to a typed Result-based approach, converting try/catch to Result.try and applying railway-oriented patterns.

migrationrefactorbackendfrontend

🧪 Advanced Getx Patterns

This skill helps developers implement advanced GetX patterns including workers, services, smart management, bindings, and GetConnect.

frontendapitestingdebugging

🎨 Aesthetic Ui Designer

Creates distinctive, production-quality UI designs that avoid generic "AI slop" aesthetics. Activates on ANY frontend/UI creation request including React/Tailwind, React Native, or Swift. Ensures typography, color, motion, and layout choices feel genuinely designed rather than algorithmically genera

srstompfrontend

🛡️ Aether

This skill orchestrates real-time streaming pipelines from chat ingestion to OBS output, enabling AITuber presence with latency-aware, adaptive avatars.

aiautomationdevopsobservability

🎨 Agent Browser

This skill helps you automate and control a browser session using agent-browser to open pages, interact with elements, and snapshot DOM changes.

automationfrontendcliproductivity

🧪 Agent Browser

This skill helps you automate browser tasks for web testing, form filling, and data extraction with reliable element interactions.

automationtestingscriptingcli

🎨 Agent Canvas

Draw diagrams, flowcharts, and visualizations on an Excalidraw canvas. Use when the user asks to draw, visualize, create diagrams, or sketch ideas.

whq25frontend

🎨 Agentation

This skill helps you add the Agentation visual feedback toolbar to a Next.js project, enabling development-only feedback control.

frontenddebuggingproductivitydevops

🎨 Agora Dev Skill

This skill helps Agora developers generate production-ready code, troubleshoot, and implement cloud recording, media push/pull, and AI agents across web and

frontendbackendclouddebugging

🎨 Ahooks

This skill provides expert guidance on using the ahooks React hooks library, covering state, data fetching, performance, and advanced patterns for robust apps.

frontendapiperformancedebugging

🎨 Ahooks V3

This skill helps you manage grouped React state and localStorage persistence with ahooks, improving form, settings, and UI consistency.

frontendfullstackproductivitydebugging

🎨 Ai Deployment

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

automationci-cddevopsfrontend

🎨 Ai Elements

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

frontendreactnextjstypescript

🎨 Ai Loading Ux

This skill helps design AI loading UX by guiding reasoning displays, progress steps, and streaming indicators to reduce perceived wait time.

aiuxdesignfrontend

🎨 Ai Model Wechat

This skill enables WeChat Mini Programs to generate and stream AI text using wx.cloud.extend.AI for real-time, interactive responses.

aicloudapifrontend

🎨 Ai Sdk

This skill helps you build AI-powered apps with generation, chatbots, and tool workflows using the AI SDK across frameworks.

aifrontendbackendapi

🧪 Ai Sdk 5

This skill guides you through AI SDK 5 chat integration, highlighting breaking changes from v4 and enabling smooth transport-based implementations.

aifrontendbackendapi

🧪 Alloy Guides

This skill guides Alloy MVC development, helping you understand models, views, controllers, data binding, and platform-specific styling for Titanium apps.

frontenddatadocscli

🎨 Alpine Js

Implementação de interatividade leve com Alpine.js em projetos Laravel/Blade incluindo componentes reativos, modais, dropdowns, tabs, e formulários dinâmicos. Usar para adicionar comportamentos interativos sem necessidade de Vue/React, criar componentes Blade interativos, e implementar UX moderna em

victorsmaniottofrontend

🎨 Analyse Design

This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.

designuxfrontendpython

🎨 Anduril

This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.

designuxaccessibilityfrontend

🎨 Angular

Modern Angular (v19+) expert enforcing Control Flow, ngrxLet, TailwindCSS v4 (CSS-config aware), and pnpm/Nx workflows.

plutowangfrontend

🎨 Angular Best Practices Legacy

This skill helps you optimize legacy Angular 12-16 apps by applying NgModule, RxJS, and template best practices for performance.

performancefrontendrefactorcode-review

🎨 Angular Best Practices V20+

This skill helps optimize Angular 20+ apps by applying signals, httpResource, @defer, and native control flow for faster, scalable components.

performancefrontendcode-reviewrefactor

🎨 Angular Component

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

frontendaccessibilityrefactordesign

🎨 Angular Css Bem Best Practices

This skill helps you apply Angular with BEM best practices to create reusable, well-structured component styles and enforce consistent naming.

angularfrontendperformancerefactor

🎨 Angular Di

This skill helps Angular developers implement and configure dependency injection with inject(), providers, and tokens to manage service lifetimes and

frontendfullstackproductivitydebugging

🎨 Angular Directives

This skill helps Angular developers create reusable directives for DOM manipulation, behavior extension, and composition across components.

frontenddesignproductivity

🧪 Angular Forms

This skill helps you build and validate signal-based Angular forms with automatic binding and dynamic fields using the Signal Forms API.

frontendscriptingcode-reviewtesting

🎨 Angular Http

This skill helps Angular developers fetch data with signal-based resources and HttpClient, handling loading, errors, and interceptors efficiently.

frontenddataapidebugging

🎨 Angular Material

This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.

frontenduxaccessibilitydesign

🎨 Angular Material 19

This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.

angularfrontendtypescriptdesign

🧪 Angular Routing

This skill helps Angular developers implement routing v20+ with lazy loading, guards, resolvers, and signal-based parameters for robust navigation.

frontendperformancedebuggingrefactor

🎨 Angular Signals

This skill helps Angular developers adopt signals for reactive state management, enabling writable, derived, and dependent state with effects.

frontendperformanceproductivity

🎨 Angular Ssr

This skill helps Angular developers implement server-side rendering, hydration, and prerendering with v20+ so apps load faster and are SEO-friendly.

frontendbackendperformanceseo

🧪 Angular Testing

This skill helps Angular developers write robust unit and integration tests using Vitest or Jasmine, including signals, OnPush, and HTTP interactions.

testingunit-testsintegration-testsfrontend