Plugins
3 plugins@chen-yu-hao
Components
Components from chen-yu-hao/codex-web.
100 skills · plugin
curated
Ship Brand Design Guide
Generate a brand design guide including color palette, typography, UI components, and mockups.
5 skills · plugin
curated
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”
93 skillslwc-quick-actions
Builds Lightning Web Components for record-page quick actions, covering screen actions with modals and headless actions with no UI, including lifecycle, recordId injection, and post-action UX.
15 · bundle
salesforce-lwc
Routes to 82 Lightning Web Components skill packages covering reactivity, wire adapters, component communication, accessibility, performance, security, and Jest testing. Finds and opens the exact skill package for LWC-related requests.
15 · bundle
tools-ui
Provides React/Next.js UI components for displaying tool call lifecycle states including pending, running, approval, success, and error, with support for human-in-the-loop approval flows.
584
vitepress
Build documentation sites with VitePress, covering configuration, Markdown, Vue components, themes, and deployment.
61
collect-user-input
Build forms, validate data, and react to user input in Blazor applications.
4k
angular
Builds single-page applications with component-based architecture, dependency injection, reactive forms, and routing.
1
vitepress
Build documentation sites, configure themes, and write Markdown with Vue components using the VitePress static site generator.
5.5k · bundle
astro
Build content-focused websites with Astro, leveraging islands architecture, multi-framework components, and Markdown/MDX support.
2
swiftui-ui-patterns
Build SwiftUI views and components with best practices, navigation patterns, state management, and reusable component references.
3.8k · bundle
senior-frontend
Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.
20.4k · bundle
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
42.4k
angular-new-app
Creates a new Angular application using the Angular CLI, following modern best practices and generating components, services, and other artifacts.
546
shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
2 · bundle
astro
Build content-focused websites with Astro — zero JavaScript by default, islands architecture, multi-framework components, and Markdown/MDX support.
1
vue-debug-guides
Diagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.
2.7k · bundle
use-js-interop
Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.
4k
vue-expert-js
Builds Vue 3 components, composables, and Vite projects using JavaScript with JSDoc type annotations instead of TypeScript.
10.4k · bundle
astro
Build content-focused websites with Astro, leveraging islands architecture, zero-JS defaults, multi-framework components, and Markdown/MDX support.
253
astro
Build content-focused websites with Astro, leveraging zero-JS islands architecture, multi-framework components, and Markdown/MDX support.
5
plan-ui-change
Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.
4k
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
gsap-react
Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.
10.9k
onchainkit
Build onchain applications with React components and TypeScript utilities from Coinbase's OnchainKit, supporting wallet connection, token swaps, NFT minting, and payment processing.
1.2k · bundle
raycast-extensions
Build and maintain Raycast extensions using the Raycast API, covering UI components, data persistence, feedback, and restricted APIs like AI and Browser Extension.
1 · bundle
astro
Build content-focused websites with Astro, leveraging zero-JavaScript-by-default islands architecture, multi-framework components, and Markdown/MDX support.
3
author-component
Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.
4k · bundle
lwc-drag-and-drop
Implements HTML5 drag-and-drop in Lightning Web Components, covering dataTransfer usage, drop targets, visual states, and keyboard accessibility.
15 · bundle
lwc-template-refs
Migrate LWC components from fragile querySelector lookups to typed lwc:ref handles, with guidance on lifecycle timing, shadow boundaries, and iterator limitations.
15 · bundle
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.
· bundle
stitch-react-native
Converts Stitch HTML designs into React Native components with StyleSheet, including element mapping, style conversion, and project scaffolding.
0 · bundle
react-performance
Organizes 70+ React and Next.js performance optimization rules across 8 priority categories for use when writing, reviewing, or refactoring code.
226k
angular-developer
Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
546 · bundle
stitch-react
Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.
1
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
angular-developer
Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, accessibility, animations, styling, testing, and CLI tooling.
0 · bundle
ui-to-vue
Batch-converts UI design screenshots into Vue 3 Composition API components, with support for Vant, Element Plus, and Ant Design Vue.
1