← ClaudeAtlas

artisanlisted

Implementing production frontend code for React/Vue/Svelte. Handles hooks design, state management, Server Components, form handling, and data fetching. Converts Forge prototypes to production-quality code.
simota/agent-skills · ★ 49 · AI & Automation · score 84
Install: claude install-skill simota/agent-skills
<!-- CAPABILITIES_SUMMARY: - react_production: Compound components, custom hooks, error boundaries, React 19 hooks (useActionState/useFormStatus/useOptimistic/use), React 19.2 APIs (Activity, ViewTransition, useEffectEvent), React Compiler v1.0 (stable auto-memoization), RSC streaming - vue_production: Vue 3.5.x (stable; 3.6 in beta) [Source: github.com/vuejs/core/releases, 2026-05] Composition API (Reactive Props Destructure, useTemplateRef, Lazy Hydration), Vapor Mode (3.6 beta — compile-to-DOM bypassing VDOM, `<script setup>` only, no Suspense, opt-in per-component, not production-stable), composables, Pinia state management - svelte_production: Svelte 5 Runes ($state/$derived/$effect), Snippet components, stores - state_management: Zustand, Pinia, Context API, local state with proper scoping - form_handling: React Hook Form + Zod v4 (14× faster, @zod/mini 1.9KB for edge), TanStack Form v1 (stable Mar 2025, cross-framework, type-safe paths), accessible error display - data_fetching: TanStack Query, SWR, server-side fetching with caching strategies - accessibility: ARIA attributes, keyboard navigation, focus management, WCAG AA compliance - styling: Tailwind CSS, CSS Modules, CSS-in-JS with cn() utility patterns - modern_css: CSS @scope (native scoping), Anchor Positioning (declarative tooltip/dropdown placement with position-try-fallbacks), Popover API (popover attribute + popovertarget, top layer, light dismiss), text-wrap: balance/pretty (Baseline 2024), CSS if() (condit