web-component-design
Master component-driven development for React, Vue, and Svelte. Learn advanced composition, CSS-in-JS strategies, and API design for scalable UI design systems.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
159 skills found
Master component-driven development for React, Vue, and Svelte. Learn advanced composition, CSS-in-JS strategies, and API design for scalable UI design systems.
Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.
Automate non-interactive npm package installations by piping shell confirmations to bypass prompts.
Core component library and design system patterns for consistent UI development using design tokens.
Perform automated, rule-based performance and reliability audits for React and Next.js applications, covering bundle size, waterfalls, rendering, and data fetching.
Production-ready scaffolding for React 19 projects using Vite, TypeScript, Biome, and Vitest. Provides strict configuration, linting, formatting, and testing infrastructure.
Official Pinia state management skill for Vue. Expert guidance on store definition, reactivity, type-safety, and store-to-store communication.
Summon framework expert: assisting with Kotlin Multiplatform UI development, type-safe modifiers, state management, routing, and SSR for web and JVM applications.
Initiates automated reverse engineering by discovering codebase architecture, layers, and technology stacks to facilitate system modernization or documentation.
Generate high-quality visual content, characters, and scenes using structured JSON prompts and automated Python execution for guided image synthesis.
Build durable, reliable serverless workflows using the Upstash Workflow SDK. Define endpoints, manage complex execution steps, and integrate with QStash for automatic retries and state management.
TypeScript development standards for LobeHub, covering type safety, async patterns, import organization, UI component integration, and performance optimization.