Skills tagged "frontend" (1335)

🎨 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 Developer

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

angularfrontend

🎨 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

🧪 Angular Testing

This skill helps you write Angular unit tests with Vitest and TestBed using practical templates and patterns beside source files.

frontendtestingunit-testsdebugging

🧪 Angularjs Unit Test

This skill helps you write, refactor, and maintain AngularJS unit tests with Jasmine and Jest across controllers, services, and directives.

testingunit-testsfrontenddebugging

🎨 Animate

This skill analyzes features and adds purposeful animations and micro-interactions to improve usability, feedback, and delight.

frontenduxdesignaccessibility

🎨 Animation Performance

This skill helps you optimize React Native animation performance using Reanimated, worklets, and gesture handlers for buttery 60fps animations.

react-nativeperformancedebuggingreact

🎨 Animation With Worklets

This skill helps you schedule cross-thread work in React Native using worklets guidelines, improving animation performance and thread safety.

react-nativeperformancedebuggingtypescript

🎨 Ant Design Guide

This skill helps you query Ant Design 5.x component APIs, props, and patterns with accurate guidance and best practices.

frontenddesigndocsux

🎨 Ant Desing Pro Components Guide

This skill helps you quickly find and reference Ant Design Pro Components guidance, docs links, and usage scenarios for faster backend/admin UI development.

frontendbackenddocsproductivity

🎨 Ant To Shadcn Migration

This skill migrates Ant Design components to shadcn/ui with Tailwind, generating layout skeletons and guiding aggressive CSS cleanup for Next.js App Router.

migrationfrontendrefactordesign

🎨 Antd Skills

This skill automates Ant Design development tasks, delivering code generation, standardization checks, design-to-code conversion, and migration guidance to

frontendautomationcode-reviewmigration

🎨 Antdv Next

This skill helps you quickly locate Antdv Next Vue 3 component API docs, props, events, and demos to accelerate development.

frontenddocsproductivityux

🧪 Antfu

This skill applies Anthony Fu's opinionated web development practices, delivering fast, consistent TypeScript projects with strict mode, ESM, and streamlined

frontendtestinglintingdocs

🎨 Apollo Client

This skill guides React developers through Apollo Client 4.x setup, caching, local state, and error handling to build efficient GraphQL apps.

graphqlreactfrontendperformance

🎨 App Builder

This skill helps you scaffold new projects quickly by selecting a matching template for your tech stack and starting from a proven structure.

nextjstypescriptfrontend

🎨 App Icon

This skill generates iOS 26-ready app icons for React Native Expo projects using AI, handling styling, formats, and Android adaptive icon readiness.

designfrontendautomationcli

🎨 App Store Changelog

This skill generates user-facing App Store release notes from git history since the last tag, summarizing changes into clear, benefit-focused bullets.

frontendproductmarketingautomation

🎨 Applying Fsd Architecture

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

frontendrefactordesignproductivity

🎨 Arc Diagrams

This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.

frontendapidatabasecloud

🎨 Arrange

This skill analyzes and refactors layouts to create intentional rhythm, improving spacing, hierarchy, and visual balance for polished interfaces.

frontenddesignuxreact

🧪 Ashik Commitlint Practice

This skill helps you craft commit messages that pass the @cbashik/commitlint rules by guiding type, scope, and subject.

backendfrontendlintinggit

🎨 Ask User Question

This skill helps you collect user input via a modal UI to clarify preferences, confirmations, or constraints before acting.

aiautomationfrontendscripting

🎨 Astro

This skill helps you navigate Astro documentation, explain concepts, and implement best practices for Astro projects across content, islands, and deployments.

astrofrontenddebuggingperformance

🎨 Atomic Design Fundamentals

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

frontenddesignuxreact

🎨 Atomirx

This skill helps you manage reactive state with atomirx primitives in TypeScript, simplifying reading, deriving, and debugging across components.

reacttypescriptdebuggingperformance

🎨 Audit

This skill performs a comprehensive audit of accessibility, performance, theming, and responsive design, producing a prioritized issue report with actionable

frontendaccessibilityperformancedesign

🧪 Aurora Development

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

angulartypescriptfrontendcode-review

🎨 Aurora Project Structure

This skill explains Aurora Angular project structure, folder purposes, and module patterns to help you navigate the codebase efficiently.

angulardocsfrontendproductivity

🛡️ Auth Patterns

This skill guides implementing authentication and authorization in Next.js using NextAuth, middleware protection, and session management for secure apps.

frontendbackendfullstacksecurity

🛡️ Authjs Skills

This skill helps you configure Auth.js v5 in Next.js with Google OAuth and credentials provider, including env setup and core API integration.

backendfrontendsecuritydocs

🛡️ Authkit

This skill helps you integrate OAuth connections from 200+ platforms using AuthKit, simplifying token management and seamless user connections.

frontendbackendapisecurity

🎨 Avnu

This skill helps you build Starknet DeFi features by integrating avnu SDK for best-price swaps, DCA, staking, and gasless transactions.

frontendbackendapiautomation

🧪 Axiom Swiftui 26 Ref

This skill guides implementing iOS 26 SwiftUI features, enabling Liquid Glass, AttributedString, WebView, Animatable, drag and drop, and visionOS integration.

swiftperformancedesignfrontend

🎨 B2c Forms

This skill helps you create SFRA forms with validation for B2C Commerce, covering XML definitions, server-side logic, and ISML templates.

typescriptfrontendbackendcli