home/categories/frontend
category focus

Frontend

UI frameworks, state management, and styling.

2566 مهارةall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
414

react-patterns

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

react-ui-patterns

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

agent-coding-standards

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

agent-frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

angular-migration

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

avalonia-viewmodels-zafiro

Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

frontend-dev-guidelines

Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based architecture, MUI v7 styling, TanStack Router, performance optimization, and strict TypeScript practices.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

frontend-developer

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

frontend-mobile-development-component-scaffold

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

nextjs-react-expert

React and Next.js performance optimization from Vercel Engineering.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

tailwind-design-system

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

tailwind-patterns

Tailwind CSS v4 principles and modern design tokens.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
414

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Dokhacgiakhoa
Dokhacgiakhoa
development
open
frontend
412

rstore-vue

Use when the goal is handling app data in Vue with `@rstore/vue`: fetch items/lists, keep queries reactive or live, create/update/delete records with forms, manage cache consistency, and debug store/query/subscription behavior across collections.

directus
directus
development
open
frontend
408

slack-voice-interface

Respond to Slack voice clips with both text and an MP3 voice reply using edge-tts. Voice IN is already handled by OpenClaw transcription. Use when a user sends a voice message in Slack, you need to reply with audio, or you want to generate a spoken MP3 response.

automateyournetwork
automateyournetwork
development
open
frontend
408

webex-voice-interface

Respond to WebEx voice clips with both text and an MP3 voice reply using edge-tts. Voice IN is already handled by OpenClaw transcription. Use when a user sends a voice message in WebEx, you need to reply with audio, or you want to generate a spoken MP3 response.

automateyournetwork
automateyournetwork
development
open
frontend
403

swiftui-layout-components

Build SwiftUI layouts using stacks, grids, lists, scroll views, forms, and controls. Covers VStack/HStack/ZStack, LazyVGrid/LazyHGrid, List with sections and swipe actions, ScrollView with ScrollViewReader, Form with validation, Toggle/Picker/Slider, .searchable, and overlay patterns. Use when building data-driven layouts, collection views, settings screens, search interfaces, or transient overlay UI.

dpearson2699
dpearson2699
development
open
frontend
397

creating-components

React component architecture for creating composable, accessible components with data attributes. Use when creating/updating composable components, not for higher-level feature/page components.

udecode
udecode
development
open
frontend
397

nextjs

Next.js routing with typed routes, PageProps, LayoutProps helpers, and nuqs for URL state. Use for pages, layouts, navigation, and query parameters.

udecode
udecode
development
open
Previous
Page 24 / 107
Next