Frontend Development (1064 — page 12)

🎨 Nuxt

This skill helps you build and optimize Nuxt apps with SSR, routing, and data fetching patterns across server routes and components.

frontendfullstackbackenddata

🎨 Nuxt Content

This skill helps you work with Nuxt Content in Nuxt 4, enabling seamless querying, rendering, and navigation of markdown content.

contentfrontenddocsseo

🎨 Nuxt Content

This skill helps you work with Nuxt Content v3 by guiding collections querying rendering and database setup for content-driven apps.

frontendbackenddatasql

🎨 Nuxt Module

This skill enables Nuxt projects to render charts with auto-imported vue-chrts components and types for rapid data visualization.

nuxtvuedataanalytics

🎨 Nuxt Patterns

This skill helps you apply Nuxt 3/4 best practices for auto-imports, composables, server routes, and data fetching across pages.

frontendfullstackapidata

🎨 Nuxt Seo

This skill helps configure Nuxt SEO, generate sitemaps and OG images, and add JSON-LD structured data for richer search results.

seofrontendcontentperformance

🎨 Obsidian Canvas Creator

This skill converts text into interactive Obsidian Canvas visuals, generating mind maps or freeform layouts to organize content spatially.

aidesignuxproduct

🎨 Odoo Upgrade Skill

Comprehensive Odoo ERP upgrade assistant for migrating modules between Odoo versions (14-19). Handles XML views, Python API changes, JavaScript/OWL components, theme SCSS variables, and manifest updates. Use when user asks to upgrade Odoo modules, fix version compatibility issues, migrate themes bet

ahmed-lakoshafrontend

🎨 Og Image

This skill generates Open Graph images aligned with your design system and configures meta tags to optimize social sharing.

frontendbrandingseosocial-media

🎨 Og Images

This skill helps you generate OpenGraph and Twitter share images for Next.js by applying best-practice layout, fonts, and metadata.

nextjsseosocial-mediareact

🎨 Ogie

This skill extracts OpenGraph, Twitter Cards, and metadata from URLs or HTML to power rich previews and SEO tooling.

seodatabackendfrontend

🎨 Onboard

This skill designs and improves onboarding experiences to help new users understand value quickly and achieve their first success.

designuxfrontendproduct

🎨 Onboardjs React

This skill helps you implement OnboardJS in React projects to build multi-step onboarding with flow, persistence, and conditional navigation.

frontendapianalyticsperformance

🎨 Onchainkit

This skill helps you build production-ready onchain apps using React components and TypeScript utilities from OnchainKit, simplifying wallet, token, and NFT

frontendfullstackapiux

🎨 Opentui Projects

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

frontendclitypescriptdesign

🎨 Ops Verify Health

This skill automates health checks for frontend and backend services across environments, reporting response times and status to guide remediation.

monitoringobservabilityautomationdevops

🎨 Optimization Mastery

This skill helps you optimize frontend and backend performance by enforcing INP under 200ms, partial hydration, UUIDv7 indexing, and token stewardship.

frontendbackendaiperformance

🎨 Optimize

This skill helps you identify and fix performance issues to deliver faster, smoother interfaces with optimized loading, rendering, and assets.

performancefrontenddebugging

🎨 Optimizing Performance

This skill analyzes and optimizes application performance across frontend, backend, and database layers, guiding profiling and targeted improvements with

performancefrontendbackenddatabase

🎨 Overdrive

This skill helps you push interfaces beyond conventional limits by applying extraordinary frontend techniques that wow users.

frontenduxdesignperformance

🎨 Overview

This skill explains the Agent Runtime purpose, architecture, and value, outlining how it orchestrates isolated AI agent workloads and streams data to apps.

backendaiapifrontend

🎨 Packages Documentation

This skill helps you generate and maintain comprehensive API documentation across core, rest, and graphql packages, improving discoverability and consistency.

docsapiwritingtypescript

🎨 Particles Gpu

This skill helps you render thousands to millions of particles efficiently using GPU instancing, custom shaders, and Points geometry for high-performance

frontendperformancedocs

🎨 Particles Lifecycle

This skill helps you manage particle birth, life, and death with emission, pooling, trails, and color/size changes for memory-efficient effects.

performancedebuggingscriptingfrontend

🎨 Particles Physics

This skill helps simulate realistic particle motion by applying gravity, wind, drag, attractors, turbulence, and collisions for dynamic visuals.

frontendperformancedebugging

🎨 Pdf Reading

This skill helps you view and navigate PDFs with a local server, offering summaries and question-answering after display.

aidocsresearchproductivity

🎨 Pellicule Skills

This skill helps you create videos with Vue using Pellicule, providing zero-config rendering and motion tooling for rapid visual storytelling.

frontendproductivityscriptingai

🎨 Perf Optimizer

This skill helps diagnose and optimize OneKey mobile performance by guiding baseline setup, iterative bottleneck fixes, and verifications against thresholds.

performancedebuggingreact-nativeanalytics

🎨 Perf Virtual Lists

This skill optimizes performance for virtualized lists on Android TV by applying React Window techniques and overscan, ensuring smooth 60FPS.

reactperformancefrontend

🎨 Performance

This skill helps you boost Next.js and React performance by applying ARC-aligned layout, SVG, and typography optimizations.

performancefrontenddesignautomation

🎨 Performance Audit

This skill helps you identify bottlenecks and optimize code through a thorough performance audit across databases, backend, frontend, and infrastructure.

performancedebugginganalyticsbackend

🎨 Performance Optimization

This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.

performancefrontenduxaccessibility

🎨 Performance Optimization

This skill analyzes bottlenecks and provides production-ready optimizations across algorithms, databases, frontend, and infrastructure to speed up applications.

performancebackendfrontenddatabase

🎨 Performance Optimizer

This skill helps you diagnose performance bottlenecks, prioritize optimizations, and implement benchmarks across frontend, backend, and infrastructure.

performancedebuggingfrontendbackend

🎨 Performance Profiler

This skill runs performance audits with Lighthouse and Web Vitals, analyzes results, and delivers actionable optimizations to speed up pages.

performancedebuggingfrontendanalytics

🎨 Pf Code Review

This skill reviews PF frontend TypeScript code against React 19 patterns and conventions, offering actionable feedback.

frontendcode-reviewrefactorlinting

🎨 Pf Component

This skill helps generate PF frontend React UI components following PF conventions for atoms, molecules, organisms, and app components.

frontenddesignproductivity

🎨 Pf Doc Component

This skill generates component README documentation using a standardized template for PF components, accelerating documentation and consistency.

docsfrontendwritingcontent

🎨 Pf Pr

This skill helps you automate PR creation for the pluxity pf-frontend project by guiding commit messages and PR templates.

frontendgitautomationci-cd

🎨 Phase 3 Mockup

This skill helps you rapidly create trendy UI mockups and wireframes without a designer, with HTML/CSS/JS ready for Next.js components.

frontenddesignuxaccessibility

🎨 Pixel Perfect Ui

This skill converts Figma designs into production-ready Next.js components with pixel-perfect accuracy and automated visual validation.

frontendnextjsdesignux

🎨 Plone Expert Developer

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

pythonbackendfrontendfullstack

🎨 Plotly

This skill helps you create interactive, publication-quality visualizations with Plotly, enabling rapid exploratory analysis and dashboards.

dataanalyticsaiscripting

🎨 Plunker

This skill helps you create and manage vanilla JavaScript Plunkers for AG Charts, for sharing, forking, and troubleshooting demos.

apidebuggingscriptingfrontend

🎨 Polish

This skill performs a final quality pass to fix alignment, spacing and detail, ensuring pixel-perfect polish before shipping.

frontenddesignuxaccessibility

🎨 Pretty Mermaid Skills

This skill renders Mermaid diagrams as SVG or ASCII, with multiple themes and diagram types for fast, beautiful visualizations.

frontenddesignaccessibilityproductivity

🎨 Pricing Ui

This skill helps you build pricing UIs with Flowglad by loading, formatting, and highlighting plans and current subscriptions.

reactnextjstrpctypescript

🎨 Product Analysis

This skill conducts multi-path parallel product analysis using Claude Code and Codex to generate actionable optimization plans and competitive benchmarks.

productuxanalyticsai

🎨 Product Analytics

This skill helps you design and operationalize product analytics for PLG, including event taxonomy, tool selection, and tracking plans.

analyticsproductgrowthdata

🎨 Project Health

This skill audits AI readiness of project docs and workflows to ensure future Claude Code sessions can understand, execute, and resume work.

aiautomationdocsproductivity

🎨 Project Overview

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

backendfrontendapidatabase

🎨 Project Overview

This skill helps you explore a TypeScript monorepo by summarizing project structure, architecture, and key components for quick onboarding.

frontendbackendfullstackdocs

🎨 Prompt Pro

This skill helps you design autonomous, reasoning-focused agent orchestration using ToT and ReAct patterns to optimize prompt engineering.

aiautomationproductivityscripting

🎨 Public Components Skill

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

frontendautomationperformancedebugging

🎨 Purgetss

This skill guides PurgeTSS usage in Titanium apps, analyzes projects, and recommends utility classes for efficient styling and dynamic UI creation.

frontendcode-reviewdebuggingautomation

🎨 Push Notification Designer

This skill designs and implements local push notification campaigns to boost mobile engagement with on-device timing and personalization.

react-nativefluttertypescriptdesign

🎨 Pushback

This skill implements pushback visuals and motion for when enemies take damage, flashing white and recoiling to enhance combat feedback.

frontendperformancedebugging

🎨 Pwa Development

This skill helps you implement Progressive Web App features for React and Svelte, enabling offline support, service workers, and installable web apps.

frontendsveltereactdebugging

🎨 Pytincture Dhxpyt

This skill helps you build Python-driven UIs with pytincture and dhxpyt, delivering backend services or browser-only apps.

frontendbackendfullstackscripting

🎨 Quick View

This skill generates minimal, semantic HTML views to review structured output in a browser, improving readability of lists, tables, and drafts.

frontenduxaccessibility