Frontend & Design · By yonatangross

Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and user preference honoring.

yonatangross/orchestkit

Performance optimization patterns covering Core Web Vitals, React render optimization, lazy loading, image optimization, backend profiling, LLM inference, and sustainability UX.

yonatangross/orchestkit

UI component library patterns for shadcn/ui and Radix Primitives.

yonatangross/orchestkit

Reference for Zustand 5.x state management including slices, middleware, Immer, useShallow, persistence, selectors, and devtools integration.

yonatangross/orchestkit

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

Hand a human a rendered HTML page at a stable HTTPS URL. An agent skill from yonatangross/orchestkit.

yonatangross/orchestkit

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows.

yonatangross/orchestkit

Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API.

yonatangross/orchestkit

Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules.

yonatangross/orchestkit

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming.

yonatangross/orchestkit

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual…

yonatangross/orchestkit

Implements internationalization (i18n) in React applications.

yonatangross/orchestkit

UI interaction design patterns for skeleton loading, infinite scroll with accessibility, progressive disclosure, modal/drawer/inline selection, drag-and-drop with keyboard alternatives, tab overflow…

yonatangross/orchestkit

Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic layouts, foldable devices, and mobile-first patterns for React applications.

yonatangross/orchestkit

Storybook 10 testing patterns with Vitest integration, ESM-only distribution, CSF3 typesafe factories, play() interaction tests, Chromatic TurboSnap visual regression, module automocking…

yonatangross/orchestkit

Search 21st.dev component registry for production-ready React components.

yonatangross/orchestkit

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json…

yonatangross/orchestkit

Scaffolds React components from a Claude Design handoff bundle and stops at files on disk: no stories, no tests, no pull request.

yonatangross/orchestkit

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.

yonatangross/orchestkit

Reference for the Storybook MCP server itself (@storybook/addon-mcp): 6 tools across 3 toolsets (dev, docs, testing), availability detection, and per-agent toolset filtering.

yonatangross/orchestkit