frontend
1
webassembly-integration-patterns
Integrate high-performance Wasm modules into the React render cycle without blocking the main thread.
harborgrid-justin
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
1
frontend-responsive
Implement responsive designs using Tailwind CSS v3 breakpoints and mobile-first development patterns for Next.js applications. Use this skill when creating responsive layouts with Tailwind breakpoint prefixes (sm:, md:, lg:, xl:, 2xl:), implementing mobile-first CSS, building responsive navigation (mobile sidebar, desktop header), creating fluid grid layouts, handling touch-friendly interactions, optimizing images with next/image for different screen sizes, implementing responsive typography, or testing across viewport sizes with Playwright. This includes files in apps/blog/src/components/, packages/ui/src/components/layout/, any component using responsive Tailwind classes, and mobile/desktop navigation components. Apply when building layouts that must adapt across mobile, tablet, and desktop screen sizes.
imkdw
development
frontend
1
vue-fundamentals
Master Vue.js core concepts - Components, Reactivity, Templates, Directives, Lifecycle
pluginagentmarketplace
development
full-stack
1
javascript
Use when writing vanilla JavaScript. Applies ES6+ syntax, async patterns, state management, module lifecycle, and architectural patterns for building applications.
sreejithraman
development
frontend
1
component-patterns
Implement advanced React component patterns including compound components, render props, and composition patterns. Use when building flexible, reusable component APIs.
gizix
development
full-stack
1
fulcro-frontend
Guide for building maintainable UI with ClojureScript and Fulcro. Use when creating UI components, designing component architecture, or following frontend patterns.
saskenuba
development
frontend
1
shadcn-init
Setup shadcn/ui in React projects (Next.js, Vite, Astro). Use when initializing shadcn/ui, setting up Tailwind CSS v4, configuring path aliases, or when user mentions "setup shadcn", "install shadcn", "shadcn init", or starting a new shadcn project. NOT for adding components or customization.
jubalm
development
mobile
1
screen-generator
Generates new React Native screens following Ishkul patterns. Creates screen component with proper hooks ordering, state management, loading/error/success states, navigation setup, and matching test file. Use when adding new screens to the app.
mesbahtanvir
development
frontend
1
animation-designer
Use when the user explicitly requests animations, transitions, or motion design for a web UI.
dereknex
development
full-stack
1
frontend-components
Build and structure React components following the project's design system patterns with Next.js 16 App Router, React 19, and TypeScript. Use this skill when creating or modifying React components (*.tsx), implementing component variants with class-variance-authority (CVA), using the cn() utility for class merging, building reusable primitives (Button, Card, Input, Badge, Dialog, etc.), composing complex components from primitives, implementing Server Components vs Client Components, using the 'use client' directive, working with component props and TypeScript interfaces, or extending existing UI package components. This includes files in apps/blog/src/components/, packages/ui/src/primitives/, packages/ui/src/components/, and any file importing from @imkdw-dev/ui. Apply when creating new components, refactoring existing ones, or deciding between primitives and complex components.
imkdw
development
mobile
1
flutter-animations
Master Flutter animations including implicit, explicit, hero, and physics-based animations. Create smooth, performant UI transitions and custom animated widgets.
spjoshis
development
full-stack
1
next-pages-router
Use when working with Next.js Pages Router (pages/ directory). Invoke for getStaticProps, getServerSideProps, getStaticPaths, API routes in pages/api, dynamic routing, or migrating from pages/ to app/ directory.
zacharyr0th
development
frontend
1
xpod-componentsjs
Xpod Components.js 变量和组件配置专家，处理 CLI 参数、变量解析、组件配置等问题
undefinedsco
development
frontend
1
designing-frontend-patterns
Claude designs scalable React component architectures using compound components, custom hooks, and state machines. Use when building reusable UI systems or complex component APIs.
doanchienthangdev
development
frontend
1
tsx-modular-component-pattern
Guide for outputting React/TSX components by prioritizing reusable sub-components, controlling length, and declaring them as const before the main component to ensure clear structure and maintainability.
TrueNine
development
frontend
1
radflow-component-create
Create components that work with RadFlow visual editor and component discovery. Use when building new UI components for projects using RadFlow.
Radiants-DAO
development
frontend
1
streaming-ssr-hydration
Design streaming SSR pipelines with predictable hydration behavior and progressive interactivity.
harborgrid-justin
development
frontend
1
manage-dom-tasks
Create or update DOM event "tasks" used to communicate between components and services via `src/helpers/domTask.ts`. Use when adding a new task event, changing task params/returns, or updating handlers/dispatchers for those tasks in `src/setup/tasks.ts`, pages, or services.
blikblum
development
frontend
1
fsharp-routing
Implement client-side routing with Feliz.Router for F# Elmish applications. Use when: "add routing", "create pages", "navigation", "URL handling", "deep linking", "add page", "route to", "browser history", "SPA routing", "multi-page", "navigate to". Creates route definitions, URL parsing, and navigation patterns in src/Client/.
heimeshoff
development