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”
514 skillsraycast-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
v0-design
Pull V0-generated React components for building. V0 output is production-quality React/Tailwind/Shadcn code. Use when Pixel provides a V0 chatId or demo URL as the design reference.
0
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
lamborghini
Provides a complete design system specification inspired by Lamborghini's brand, including color palette, typography, spacing, and UI component guidelines.
50.9k · 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
figma-prompt
Generates a complete Figma Make prompt package with context primer, checkpoint, build prompts, and iteration templates for designing UI pages, components, or screens.
1
pine-visualizer
Decomposes trading ideas into actionable Pine Script components by analyzing YouTube videos or conceptual questions, then produces structured implementation plans.
1
tailwind-ui
Expert knowledge for Tailwind CSS styling and component patternsUse when "tailwind, tailwindcss, utility classes, responsive design, dark mode, styling, css classes, tailwind, css, styling, ui, responsive, dark-mode, components" mentioned.
128 · bundle
canslim-screener
Screen US stocks using William O'Neil's CANSLIM growth stock methodology with composite scoring and weighted components.
2.3k · bundle
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.
· bundle
init
Scaffolds a coder-eval task suite in a repository by scanning for testable components, writing one real task, and validating it.
567 · bundle
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
mui
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
16 · bundle
mui
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
0 · bundle
frontend-design
Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support. Use when the user requests frontend design or provides relevant inputs for this workflow.
159
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
web-to-native
Migrate an existing web React app to a native iOS/Android app with Expo, screen by screen, using a strangler fig pattern.
2.2k · bundle
stitch-extract-static-html
Extract self-contained static HTML from a built web application or React components by inlining CSS and images.
6.4k · bundle
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
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
3
react-best-practices
React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing performance, eliminating waterfalls, reducing bundle size, reviewing code for performance issues, or implementing server/client-side optimizations.
3 · bundle
antd
Ant Design enterprise React UI component library reference. Covers 50+ components, Table with sorting/filtering/pagination, Form with validation and dynamic fields, theming with design tokens, dark mode, and v5 CSS-in-JS customization.
12 · bundle
baseline-ui
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
55 · bundle
react-patterns
React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.
0
mui
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
0 · bundle
vue
Vue.js is a progressive JavaScript framework for building user interfaces. It features the Composition API with reactive refs and computed values, single-file components, and an approachable learning curve with powerful scaling capabilities.
0
baseline-ui
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
7