Results for “component-diagram”

Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components, and can translate Figma designs into pixel-perfect HTL, CSS, and JS.

Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.

Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. Uses a dark-mode design system with embedded CSS and inline SVG. Use when the user needs architecture diagrams, system illustrations, flow charts, or technical visualizations.

Connects Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure and scanning codebases for matching components.

Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.

A design system has three token layers, and conflating them is what makes systems

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.

Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.

Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.