Plugins

11 plugins
@chen-yu-hao
Components
Components from chen-yu-hao/codex-web.
100 skills · plugin
curated
Component Spec and Pattern Library
Document component anatomy, variants, and usage patterns for consistent implementation.
5 skills · plugin
curated
Frontend & UI
React, Vue, Svelte, CSS and component skills for building interfaces.
31 skills · plugin
@dotnet
Dotnet Blazor
Skills for Blazor development: component authoring, interactivity, and web application patterns.
9 skills · plugin
@adobe
Cloud Service
All AEM as a Cloud Service skills: component development and Dispatcher, workflows
16 skills · plugin
curated
Ship Brand Design Guide
Generate a brand design guide including color palette, typography, UI components, and mockups.
5 skills · plugin
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · plugin
@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · plugin
curated
Build Accessible React UI
Install this pack to build an accessible, performant React UI component from design to audit.
4 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
@microsoft
Deep Wiki
AI-powered wiki generator for code repositories. Generates comprehensive, Mermaid-rich structured documentation with architecture diagrams, component analysis, and source citations.
10 skills · plugin

Results for “component”

848 skills
claude-dev-suite
giskard-rag
Giskard RAGET (RAG Evaluation Toolkit): automatic testset generation (simple / complex / distracting / conversational), component-level scoring (retriever / generator / rewriter), hallucination and bias tests, CI integration. Compared to RAGAS and DeepEval. USE WHEN: user mentions "Giskard", "RAGET", "Giskard RAG toolkit", "automatic testset generation", "component-level RAG scoring", "hallucination test Giskard" DO NOT USE FOR: general RAGAS usage - use `rag-evaluation`; Stanford ARES - use `ares-framework`; CI/CD wiring - use `continuous-evaluation`
28
huggingface
huggingface-gradio
Build interactive web UIs and ML demos in Python using Gradio's core API, components, and patterns.
10.8k · bundle
antfu
vue-router-best-practices
Provides best practices for Vue Router 4, including navigation guards, route params, and route-component lifecycle interactions.
5.5k · bundle
vuejs-ai
vue-router-best-practices
Provides Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
2.7k · bundle
antigravity
astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
42.4k
angular
angular-new-app
Creates a new Angular application using the Angular CLI, following modern best practices and generating components, services, and other artifacts.
546
voltagent
cursor-design-analysis
Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.
50.9k · bundle
comeonoliver
slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features.
61
pwdev-solucoes
flow-design
Designs an approval-gated feature specification from approved requirements, covering architecture decisions, component boundaries, quality constraints, and definition of done.
2 · bundle
tools-only
2574-c4-68e7f4b4
Create C4 architecture diagrams at context, container, and component levels with Mermaid syntax, including templates and styling tips.
7 · bundle
qhjqhj00
slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features.
3 · bundle
somtougeh
technical-svg-diagrams
Generate clean, minimal technical SVG diagrams in a consistent Cloudflare-inspired style. Use when creating architecture diagrams, flow diagrams, or component diagrams for blog posts and documentation.
2 · bundle
om-scogo
vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
0 · bundle
yanacuti1121
ui-to-vue
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.
2
jarbitechture
generate
Generate Playwright tests. Use when user says "write tests", "generate tests", "add tests for", "test this component", "e2e test", "create test for", "test this page", or "test this feature".
0 · bundle
jarbitechture
refactor
Meta-cognitive architecture optimization skill. Use when the user asks to "refactor the architecture", "optimize claude code", "evaluate components", or "run architecture audit". Also triggers automatically every 24 hours.
0 · bundle
srednoff888-art
turbo-source-benchmark
Use in TURBO mode when Codex should compare top current solutions before choosing architecture, UI components, 3D stack, mobile stack, SEO/PPC strategy, or programming patterns.
1 · bundle
jiaiyan
n-icon
Icon component for displaying SVG icons with customizable size, color, and depth. Invoke when user needs to implement icons, icon wrappers, or integrate icon libraries in Naive UI.
8
jiaiyan
n-list
List component for displaying structured list items with headers, footers, and dividers. Invoke when user needs to implement list layouts, item lists, or content lists in Naive UI.
8
jiaiyan
n-element
Element component that provides access to theme CSS variables. Invoke when user needs to use theme variables in custom elements or access CSS variables within the theme context.
8
jiaiyan
n-carousel
Carousel component for displaying rotating content like images, banners, or cards. Invoke when user needs to implement image sliders, content carousels, or card-based navigation in Naive UI.
8
jiaiyan
n-discrete
Discrete API for using message, dialog, notification, loadingBar, and modal outside setup context. Invoke when user needs to use Naive UI APIs outside Vue components in Naive UI.
8
livelybug
ui-to-vue
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.
0
doriangallo
astro
Build content-focused websites with Astro — zero JavaScript by default, islands architecture, multi-framework components, and Markdown/MDX support.
1
intelli-verse-x
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
kintsugi-programmer
clerk-custom-ui
Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearance styling, visual customization, branding.
0 · bundle
hekivo
superpowers-sage-sage-lando
Sage theme with Acorn (Laravel IoC for WordPress) and Lando — lando start, lando info, lando acorn, Service Providers, View Composers, Blade components, ACF Composer blocks and fields, Poet CPT config/poet.php, AppServiceProvider, ViewServiceProvider, resources/views/, resources/css/app.css @theme Tailwind v4, resources/js/app.js, content/themes/{theme}/, lando yarn dev, lando yarn build, Blade @extends @section @include @component, Bedrock directory structure, lando wp, composer require, lando composer
13 · bundle
anthropic
web-artifacts-builder
Creates elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui for complex frontend projects.
158k · bundle
alirezarezvani
ui-design-system
Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.
20.4k · bundle
microsoft
azure-mgmt-applicationinsights-dotnet
Manage Azure Application Insights resources including components, web tests, workbooks, and API keys using the .NET SDK.
2.7k
vuejs-ai
vue-debug-guides
Diagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.
2.7k · bundle
dotnet
use-js-interop
Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.
4k
jeffallan
vue-expert-js
Builds Vue 3 components, composables, and Vite projects using JavaScript with JSDoc type annotations instead of TypeScript.
10.4k · bundle
voltagent
miro-design-analysis
Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
50.9k · bundle
lingxling
astro
Build content-focused websites with Astro, leveraging islands architecture, zero-JS defaults, multi-framework components, and Markdown/MDX support.
253
lucaspmarie-a11y
astro
Build content-focused websites with Astro, leveraging zero-JS islands architecture, multi-framework components, and Markdown/MDX support.
5