PlugMyPlugin

Browse plugins

23 plugins, each analyzed from its own files.

typo3-a11y

★ 899
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
Documentation free prompt pack
#wcag-a11y#typo3#accessibility-patterns#html-aria

code-architect

★ 878
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
Project Management free prompt pack
#architecture-design#folder-structure#microservices#project-planning

canvas-design

★ 775
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
Design & Frontend free prompt pack
#visual-art#png-pdf#poster-generation#design-philosophy

senior-frontend

★ 742
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
Design & Frontend free prompt pack
#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
Design & Frontend free prompt pack
#ui-design#interface-copy#frontend-skills#design-system

react-skills

★ 565
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
Design & Frontend free prompt pack
#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
Design & Frontend free prompt pack
#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
Code Review free prompt pack
#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
Design & Frontend free prompt pack
#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
Design & Frontend free prompt pack
#react-components#responsive-design#performance-optimization#ui-ux

theme-factory

★ 433
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
Design & Frontend free prompt pack
#theme-application#styling#artifact-formatting#presentation-design

typo3-vite

★ 423
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
DevOps free prompt pack
#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
Documentation free prompt pack
#html-generation#visual-diagrams#mermaid-charts#documentation-as-code

product

★ 361
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 & Frontend free prompt pack
#design-systems#ux-audit#product-strategy#interface-design

frontend-design

★ 304
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
Design & Frontend free prompt pack
#frontend-design#ui-generation#design-quality#code-generation

frontend-design

★ 304
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
Design & Frontend free prompt pack
#frontend-design#ui-ux#production-grade#aesthetic-choices

designlang

★ 283
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 & Frontend free prompt pack
#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
Code Review free prompt pack
#image-generation#python-scripting#gemini-api#uv-package-manager

brand-guardian

★ 200
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
Design & Frontend free prompt pack
#brand-guidelines#design-system#brand-consistency#asset-management

nateherk-design

★ 190
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
Design & Frontend free prompt pack
#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
Marketing & Content free prompt pack
#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
Design & Frontend free prompt pack
#html-artifacts#react-builder#shadcn-ui#tailwind-css

img

★ 48
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
Design & Frontend free prompt pack
#image-generation#openai-integration#gemini-integration#brand-assets