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”
256 skillsreact-email
React Email + Resend — transactional email templates using React components.
0
stitch-react-native
Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.
6.4k · bundle
reka-ui
Compose custom Vue components with Reka UI v2 headless primitives, covering asChild/as composition, controlled state, portals, and Radix Vue migration.
2
react-bits
Integrate, customize, and contribute to react-bits (github.com/DavidHDev/react-bits) — the largest and most creative library of animated React components. It covers Vite, Tailwind CSS v4, Three.js/Fiber, GSAP, and Framer Motion integrations. Use when the user asks about react-bits, animated React components, jsrepo registry, or contributing new animated components to the react-bits repository.
42 · bundle
react-patterns
Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.
226k
use-dom
Run web code in a webview on native platforms and as-is on web using Expo DOM components, enabling incremental migration of web code to native.
61
use-dom
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.
42.4k · bundle
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
angular-developer
Generates Angular code and provides architectural guidance for projects, components, services, and more, covering reactivity, forms, dependency injection, routing, accessibility, animations, styling, testing, and CLI tooling.
226k · bundle
use-dom
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.
2.2k · bundle
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
frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.
23
shadcn-vue
Scaffold, install, and compose shadcn-vue components built on Reka UI v2, including Vue variants, form patterns with vee-validate/Zod, and adaptation of existing components.
2
ui-atom
Atomic-design guidance for UI Atoms — the smallest single-purpose building blocks (buttons, inputs, icons, labels). Use when authoring or reviewing components under ui/atoms, components/atoms, or when deciding whether a component belongs at the atom level.
0
frontend
Use for all frontend UI/UX work including components, pages, and visual design.
3
lwc-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
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
55 · bundle
c4-container
Expert C4 Container-level documentation specialist. Synthesizes Component-level documentation into Container-level architecture, mapping components to deployment units, documenting container interfaces as APIs, and creating container diagrams. Use when synthesizing components into deployment containers and documenting system deployment architecture.
505 · 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
headlessui
Headless UI - Unstyled, fully accessible UI components for React and Vue with built-in ARIA patterns
71 · bundle
discord
Discord message-tool ops: send/read/edit/delete, react, poll, pin, thread, search, presence, media/components.
0
shadcn
shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
71 · bundle
vue
Vue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support
71 · bundle
shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
1 · bundle
angular
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
1 · bundle
lit
Builds fast, standard-compliant web components with Lit, reactive properties, and Shadow DOM. Use for framework-agnostic UI.
2 · bundle
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
55
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
11
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
6
react-component
Use when writing or editing a React component. Covers preferred patterns for functional components, prop types, and styling.
1
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
2
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
2
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
2
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
1
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
1