Plugins

3 plugins

Components from chen-yu-hao/codex-web.

100 skills · plugin

Ship Brand Design Guide

Generate a brand design guide including color palette, typography, UI components, and mockups.

5 skills · plugin

Build Blazor Web App with Auth

Install this pack to build a Blazor Web App with authentication and interactive components.

4 skills · plugin

Results for “components”

48 skills

google-labs-code

stitch-react-components

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

figma-code-connect-components

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

23.3k · bundle

hyperframes-registry

Install, discover, and wire reusable blocks and components into HyperFrames compositions using the CLI.

Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.

salesforce-component-standards

Enforce quality, security, and accessibility standards for Salesforce Lightning Web Components, Aura components, and Visualforce pages.

create-component

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.

More results

google-labs-code

Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.

Execute JavaScript in Figma files via the Plugin API to create, edit, and inspect design nodes, variables, and components.

23.3k · bundle

react-container-presentation-component

Scaffold React components following the Container/Presentation pattern under src/components, with TypeScript, Storybook, and SCSS conventions.

36.2k · bundle

figma-generate-design

Translates application pages, views, or multi-section layouts into Figma screens by reusing design system components, variables, and styles.

23.3k · bundle

Migrate Android Jetpack Compose UI components to use the experimental Styles API for centralized theming and state-based styling.

react18-batching-patterns

Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.

36.2k · bundle

coordinate-components

Share state between Blazor components across render mode boundaries using cascading values, scoped services with change events, or CascadingValueSource via DI.

react-flow-node-ts

Create React Flow node components with TypeScript types, handles, and Zustand store integration for building custom nodes in visual workflow editors.

fluentui-blazor

Use the Microsoft Fluent UI Blazor component library in Blazor applications, covering setup, providers, icons, list components, dialogs, toasts, and theming.

36.2k · bundle

google-labs-code

stitch-react-native

Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.

react18-string-refs

Migrate React string refs (ref="name" + this.refs.name) to React.createRef() in class components for React 18.3.1 and 19 compatibility.

36.2k · bundle

author-component

Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.

vercel-react-best-practices

Optimize React and Next.js applications with 70 performance rules across 8 categories, prioritized by impact for automated refactoring and code generation.

28.7k · bundle

Use Expo DOM components to run web code in a webview on native and as-is on web, enabling incremental migration of web code to native.

Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.

wear-compose-m3

Create, update, or migrate Wear OS projects using Compose Material3, Foundation, and Navigation3 libraries with official component samples and migration guidance.

collect-user-input

Build forms, validate data, and react to user input in Blazor applications.

fetch-and-send-data

Call APIs, load data into components, and handle the async lifecycle in Blazor.

vercel-composition-patterns

Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.

28.7k · bundle

gsap-frameworks

Animates Vue, Nuxt, Svelte, and SvelteKit components with GSAP, handling lifecycle hooks, scoped selectors, and cleanup on unmount.

huggingface-gradio

Build interactive web UIs and ML demos in Python using Gradio's core API, components, and patterns.

10.8k · bundle

angular-new-app

Creates a new Angular application using the Angular CLI, following modern best practices and generating components, services, and other artifacts.

azure-mgmt-applicationinsights-dotnet

Manage Azure Application Insights resources including components, web tests, workbooks, and API keys using the .NET SDK.

vue-debug-guides

Diagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.

Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.

building-native-ui

Build beautiful native UIs for Expo apps with guidance on routing, styling, animations, and platform-specific components.

fabric-lakehouse

Design, build, and optimize Microsoft Fabric Lakehouse solutions with guidance on core concepts, components, security, shortcuts, and performance optimization.

36.2k · bundle

react18-legacy-context

Migrates React legacy context API (contextTypes, childContextTypes, getChildContext) to the modern createContext API across all provider and consumer files.

36.2k · bundle

Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.

workflow-development

Implement custom AEM Workflow Java components on AEM 6.5 LTS, including WorkflowProcess and ParticipantStepChooser with OSGi registration, metadata handling, and error patterns.