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”
192 skillslaravel-specialist
Build and configure Laravel 10+ applications with Eloquent models, Sanctum authentication, Horizon queues, RESTful APIs, and Livewire components.
10.4k · bundle
simplification-cascades
Find a single insight that eliminates multiple components by recognizing when seemingly different systems share a common underlying pattern.
19
naive-ui-design-border
Border design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Naive UI.
8
swiftui-ui-patterns
Build SwiftUI views and components with best practices, navigation patterns, state management, and reusable component references.
3.8k · bundle
list
Lists Claude Code components such as skills, environment variables, sessions, settings, and tools, with options to research or display configured values.
54 · 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
shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
5 · bundle
ivx-om-remotion
Toolkit-specific Remotion patterns — custom transitions, shared components, and project conventions. For core Remotion framework knowledge (hooks, animations, rendering, etc.), see the `remotion-official` skill.
0 · bundle
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
elevenlabs
Defines a design system for ElevenLabs with colors, typography, layout, and component tokens for building brand-consistent interfaces.
50.9k · bundle
plan-ui-change
Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.
4k
building-native-ui
Build beautiful native UIs for Expo apps with guidance on routing, styling, animations, and platform-specific components.
2.2k · bundle
fabric-lakehouse
Design, build, and optimize Microsoft Fabric Lakehouse solutions with guidance on core concepts, components, security, shortcuts, and performance optimization.
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
supabase
Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.
50.9k · bundle
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
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.
142 · 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
component-audit
Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.
2
ui-styling
Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
1 · 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
edge-to-edge
Migrate Jetpack Compose apps to support edge-to-edge displays, fix UI components obscured by system bars, and handle IME insets.
6.1k
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
lwc-testing
Writes Jest unit tests for Lightning Web Components using @salesforce/sfdx-lwc-jest, covering wire adapter mocks, imperative Apex mocking, and async rerender handling.
15 · bundle
lwc-async-patterns
Implements async/await and Promise patterns in Lightning Web Components, covering imperative Apex calls, loading states, error handling, parallel calls, and cancellation with AbortController.
15 · 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