UI Components
Code-based UI component generation and styling
vue-expert
by Shohzod-Abdusamatov-7777777
Use when building Vue 3 applications with Composition API, Nuxt 3, Naive ui , or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
email-content-guide
by wraps-team
Best practices for email content that avoids spam filters. Apply these rules when writing email copy, building templates, or debugging spam placement issues.
react-native
by dmonteroh
"Build cross-platform mobile apps with React Native/Expo: navigation, platform handling (iOS/Android), performance (FlatList), storage, and native module integration. Not for React web or Next.js."
fusion-assembly
by peytoncasper
Manage Fusion 360 assembly structure — components, hierarchy, body organization, visibility, occurrence transforms, and joints. Use when the user asks to create components, organize bodies into components, move/copy/rename components or bodies, show/hide parts, position component instances, create joints between components, or query the assembly tree.
find-skills
by Jackiexiao
"Help users discover and install agent skills when they ask how to do something or look for capabilities that may exist as installable skills."
ui-design-tips
by dereknex
Use when a user asks for UI design tips or quick critique about layout, hierarchy, CTAs, forms, navigation, cards, tooltips, charts, or confirmation patterns.
slides
by jorgempenalva
Generates branded presentations as PDF using Slidev. Auto-detects brand colors and fonts from the repo's Tailwind config, CSS variables, or design tokens. Use when asked to create a presentation, make slides, generate a deck, or prepare a slide deck on any topic.
json-render
by olegakbarov
Build and integrate json-render (json-render.dev) for AI generated UIs with guardrails in React. Use when implementing or troubleshooting catalogs, component registries, renderers, data binding, actions, visibility, validation, streaming (JSONL + useUIStream), AI SDK integration, or code export and codegen for json-render.
zenn-markdownlint-config
by shimo4228
"Use when setting up markdownlint-cli2 for a Zenn content repository. Zenn-specific rule overrides for false positives."
x-article-publisher
by ArcoCodes
Publish Markdown articles to X (Twitter) Articles editor with proper formatting. Use when user wants to publish a Markdown file/URL to X Articles, or mentions "publish to X", "post article to Twitter", "X article", or wants help with X Premium article publishing. Handles cover image upload and converts Markdown to rich text automatically.
ui-designer
by dereknex
Use when the user provides UI screenshots/mockups and wants a design system extracted or an implementation prompt that matches those references.
vibe-coding
by Within-7
"Professional development partner with taste, discipline, and craftsmanship. Use when: (1) Building new features or systems, (2) Fixing bugs and debugging, (3) Refactoring code, (4) Code review and quality assessment, (5) Performance optimization. Human provides vision and decisions. Agent provides execution with professional standards."
react-performance
by pluginagentmarketplace
Master React performance optimization with memoization, code splitting, profiling, and Web Vitals monitoring
performance-pass-ui
by velcrafting
Identify and reduce avoidable UI performance regressions (render churn, heavy computations, oversized bundles) without behavior change.
vue-pinia
by pluginagentmarketplace
Master Pinia State Management - Stores, Actions, Getters, Plugins, Persistence
tanstack-start
by ferdousbhai
TanStack Start full-stack React framework. Use for: server functions with createServerFn, TanStack Router file-based routing, TanStack Query SSR integration, Cloudflare Workers deployment.
code-analysis
by josavicentevw
Analyze code quality, detect code smells, identify bugs, and provide improvement recommendations. Use when reviewing code, checking quality, analyzing complexity, or when user mentions code review, refactoring suggestions, or quality assessment.
ui-ux-pro-max
by Jackiexiao
"QUERY LENGTH LIMIT EXCEEDED. MAX ALLOWED QUERY : 500 CHARS"
canvas-design
by dereknex
Use when the user asks for posters, artwork, or other standalone static visuals, especially when output is requested as PNG or PDF.
videojs-skill
by danraf77
"Guía de referencia sobre la arquitectura API y casos de uso comúnes de Video.js. Uso principal para resolver dudas de configuración, entender el sistema de plugins y resolver problemas con la integración de reproductores multimedia."
frontend-design
by UholySmokes
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
ui-ux-guidelines
by tylergibbs1
Implementation details for accessible, performant interfaces. Use alongside vercel-design-guidelines for detailed technical guidance on interactions, animations, and forms.
ios-fundamentals
by pluginagentmarketplace
Master iOS development foundations - Architecture, lifecycle, memory, concurrency
nuxt-ui
by baotoq
Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.