24 plugins, each analyzed from its own files.
jordanrendric
This plugin extracts video frames via ffmpeg and audio via configurable backends (Gemini API, local Whisper, or OpenAI), sending both to Claude for direct multimodal understanding. It supports YouTube URLs, adaptive parameter selection based on user intent, and offers an interactive setup wizard for configuration.
2 commands · 1 agent · 1 skill · 1 MCP server
#video-analysis#multimodal-perception#ffmpeg#youtube-support
netresearch
A Claude Code skill that provides WCAG 2.2 AA accessibility patterns, guidelines, and implementation examples for TYPO3 v13+ frontend development. It includes comprehensive documentation on semantic HTML, ARIA patterns, skip links, navigation, forms, and interactive components with TypeScript and SCSS examples.
1 skill
#wcag-a11y#typo3#accessibility-patterns#html-aria
ccplugins
The code-architect agent helps design scalable architecture and folder structures for new features or projects, including microservice boundaries and component hierarchies. It assists with initial planning of authentication systems, feature organization, project structure conventions, and code refactoring.
1 agent
#architecture-design#folder-structure#microservices#project-planning
composio-community
This plugin creates museum-quality visual art directly in PNG and PDF documents by applying design philosophy principles. Use it to generate posters, art pieces, and static visual works without requiring external tools or API keys.
1 skill
#visual-art#png-pdf#poster-generation#design-philosophy
composio-community
This plugin provides a frontend development skill for React, Next.js, TypeScript, and Tailwind CSS projects, offering component scaffolding, bundle analysis, and performance optimization tools. It includes accessibility best practices guidance to help developers build production-ready, performant web applications.
1 skill
#react#nextjs#typescript#tailwind
fcakyon
This plugin provides three skills for crafting distinctive frontend designs and writing clear user interface copy. It integrates directly into your workflow to help with visual design decisions and communication with users.
3 skills
#ui-design#interface-copy#frontend-skills#design-system
fcakyon
A collection of 5 skills providing React, Next.js, and React Native best practices guidance plus web design guidelines for developers. No external dependencies or API keys required.
5 skills
#react-best-practices#nextjs#react-native#web-design
netresearch
A Claude Code skill that provides comprehensive Netresearch brand guidelines, including color systems, typography standards, logo usage, and production-ready templates for maintaining visual consistency across web projects. The skill offers reference documentation, interactive components, and implementation checklists with WCAG AA accessibility compliance built in.
1 skill
#brand-guidelines#design-system#web-templates#typography
ccplugins
This plugin provides an expert Flutter development agent for analyzing code, creating widgets, debugging issues, and optimizing mobile app architecture. It handles navigation problems, widget design, performance tuning, and other Flutter-specific development challenges.
1 agent
#flutter-dev#mobile-development#widget-creation#code-analysis
composio-community
This agent specializes in building and optimizing user interfaces using React, Vue, and Angular, handling tasks like component implementation, state management, and responsive design. It excels at creating performant, accessible web applications and fixing UI/UX issues across all device sizes.
1 agent
#react#responsive-design#ui-components#performance-optimization
ccplugins
This agent specializes in building user interfaces and implementing React/Vue/Angular components with expertise in state management and responsive design. It handles frontend development tasks from UI component creation to performance optimization and accessibility improvements.
1 agent
#react-components#responsive-design#performance-optimization#ui-ux
composio-community
Theme Factory provides a single skill that applies professional, pre-configured styling to artifacts like slides, documents, reports, and HTML landing pages. It includes 10 preset themes with coordinated colors and fonts, eliminating the need for manual design work.
1 skill
#theme-application#styling#artifact-formatting#presentation-design
netresearch
This skill provides a complete Vite build setup, SCSS architecture, and Bootstrap 5 theming framework for TYPO3 v13+ sitepackage development. It includes reference documentation for vite configuration, SCSS folder structure with naming conventions, and Bootstrap theming workflows with CSP compliance.
1 skill
#typo3#vite#scss#bootstrap
NikiforovAll
This plugin generates beautiful, self-contained HTML pages with no build step or external dependencies to visually explain systems, code changes, plans, and data through diagrams, tables, and slide decks. It includes seven commands for creating diff reviews, plan reviews, architecture overviews, and implementation plans with customizable themes and Mermaid diagram support.
7 commands · 1 skill
#html-generation#visual-diagrams#mermaid-charts#documentation-as-code
cbrock84
This plugin provides 11 integrated skills for product strategy, UX audits, design systems, and visual direction work. It guides users through interface design decisions, brand expression, and usability improvements without requiring external tools or APIs.
11 skills
#design-systems#ux-audit#product-strategy#interface-design
composio-community
This plugin provides a single skill for generating distinctive, production-grade frontend interfaces with high design quality and polished code. It helps avoid generic AI aesthetics by focusing on creative design patterns and best practices.
1 skill
#frontend-design#ui-generation#design-quality#code-generation
anthropics
This skill enhances Claude's frontend design capabilities to create production-grade UI/UX with distinctive aesthetics, bold typography, color palettes, and high-impact animations that avoid generic AI-generated interfaces. Claude automatically applies it for frontend work, enabling context-aware implementation of dashboards, landing pages, and other design components with meticulous visual detail.
1 skill
#frontend-design#ui-ux#production-grade#aesthetic-choices
Manavarya09
designlang is a Claude Code plugin that reads any website's live design system—colors, typography, spacing, motion, component structure—and emits DTCG tokens, Tailwind/Figma/shadcn configs, brand guidelines, and pixel-diff fidelity scores. Fourteen slash commands analyze single pages or whole sites, grade consistency, battle competing designs, remix vocabularies, and place sites within a measured design-space landscape of real systems.
14 commands · 1 skill
#design-extraction#design-tokens#dtcg#tailwind-figma
NikiforovAll
This plugin enables Python scripting and AI-powered image generation within Claude using Google's Gemini models, with inline script dependencies managed through uv. It supports image generation, editing, and arbitrary Python script execution through heredoc-based workflows.
2 skills
#image-generation#python-scripting#gemini-api#uv-package-manager
ccplugins
Brand Guardian is an agent that helps establish brand guidelines, maintain visual consistency across touchpoints, and evolve brand identity. It enables rapid development of cohesive brand experiences by managing brand assets and ensuring design uniformity.
1 agent
#brand-guidelines#design-system#brand-consistency#asset-management
nateherkai
This Claude Code plugin provides a specialized skill for designing and building scroll-driven interactive landing pages with premium attention to design fundamentals like typography, spacing, color, depth, motion, and accessibility. It uses a comprehensive design system approach rather than relying on animation libraries.
1 skill
#scroll-craft#interactive-landing-pages#design-system#web-design
fcakyon
Ultralytics brand guidelines plugin provides a skill that enforces brand consistency across presentations, documents, marketing emails, social posts, and web designs. It includes colors, the Archivo font, naming conventions, and tone standards for maintaining a cohesive brand identity.
1 skill
#branding#style-guide#design-consistency#marketing-content
composio-community
This plugin provides a comprehensive skill for building complex HTML artifacts with React, Tailwind CSS, and shadcn/ui components, supporting state management and routing. It enables developers to create elaborate multi-component interactive interfaces directly within Claude.
1 skill
#html-artifacts#react-builder#shadcn-ui#tailwind-css
nyldn
The img plugin generates and edits images using OpenAI GPT-4o's image generation or Google's Gemini 3.1 Flash with image preview capabilities, with no automatic provider fallback. It provides both a CLI tool and Claude Code/Codex plugins that support on-brand image workflows for teams managing multiple client projects.
4 commands · 1 skill
#image-generation#openai-integration#gemini-integration#brand-assets