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”
44 skillsstitch-react-components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
figma
Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.
· bundle
shadcn-ui
Integrates shadcn/ui components into projects, covering discovery, installation, customization, and best practices.
0 · bundle
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.
142 · bundle
shadcn
Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.
42.4k · bundle
ui-page
Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
3
More results
chat-ui
Build chat interfaces in React/Next.js with reusable components for messages, input, typing indicators, and avatars.
584
shadcn-ui
Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.
6.4k · bundle
ui-page
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
42.4k
extract
Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.
61
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
ui-page
Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
0
styles
Migrate Android Jetpack Compose UI components to use the experimental Styles API for centralized theming and state-based styling.
6.1k · bundle
rayden-use
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.
42.4k
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
design-system
Generate or audit design systems, check visual consistency, and review PRs that touch styling.
226k
figma-design-analysis
Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.
50.9k · bundle
building-native-ui
Build beautiful native UIs for Expo apps with guidance on routing, styling, animations, and platform-specific components.
2.2k · bundle
ui-motion
Apply named StyleSeed motion to React components using framer-motion, with personality seeds and keyword moves from a motion library.
42.4k
supabase
Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.
50.9k · bundle
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.
· bundle
ui-styling
Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
1 · bundle
design-it
Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.
42.4k
figma-generate-library
Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.
23.3k · bundle
muapi-design-guide
Generates a comprehensive brand design guide with color palette, typography pairings, UI component previews, and real-world mockups using AI image generation.
3.7k
zapier-inspired-design-analysis
Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.
50.9k · bundle
redesign-existing-projects
Audits and upgrades existing websites and apps to premium quality by identifying generic AI patterns and applying high-end design standards without breaking functionality.
make-interfaces-feel-better
Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.
2 · bundle
sprintable-design
Generates on-brand interfaces and assets for Sprintable, from throwaway HTML prototypes to production code, using the included design tokens, fonts, and UI kit components.
0 · bundle
ui-to-vue
Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.
226k
ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical fixes for touch targets, focus states, contrast, labels, and reduced motion.
42.4k
appbuilder-ui-scaffolder
Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions, including pages, forms, data tables, dialogs, and navigation.
142 · bundle
kraken
Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.
50.9k · bundle
baseline-ui
Enforces an opinionated UI baseline to prevent AI-generated interface slop, covering Tailwind CSS, accessible components, interaction patterns, animation constraints, typography, layout, and performance.
3.5k
spotify
Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.
50.9k · bundle
ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical code fixes for touch targets, focus states, contrast, labels, and reduced motion.
1