visual-design-principles
Research-backed visual design principles for websites, presentations, documents, and any visual medium — grounded in VisAWI, Gestalt psychology, and empirical aesthetics research
Pacote de plugins · de Dr. Oliver Borchers
Resumo
visual-design-principles é um pacote de plugins para ferramentas de programação com IA publicado por Dr. Oliver Borchers. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-11-02. Conforme nossa passagem pelos marketplaces em 2026-11-05.
O que pede
- Instala-se como pacote de plugins
- Hooks declarados: 1
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add oborchers/fractional-cto
/plugin install visual-design-principles@fractional-ctoOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade oborchers/fractional-cto (Abrir o código no GitHub) | Listado | 1.0.1 | Forks (GitHub): 3 Estrelas (GitHub): 36 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| fractional-cto | oborchers/fractional-cto | 36 |
Como os números mudaram
- 2026-11-0236
- 2026-11-0536
Cada ponto é um dia em que lemos um número diferente; os trechos planos são dias em que o número não mudou. Números de marketplaces diferentes nunca são somados.
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 12
accessibility-inclusive-designcolor-theory-applicationconsistency-design-systemscraftsmanship-polishdesign-evaluation-scoringlayout-spatial-structureresponsive-designtypographyusing-visual-design-principlesvisual-hierarchyvisual-interest-expressionwhitespace-density
Comandos: 1
design-review
Agentes: 1
visual-design-reviewer
Hooks: 1
SessionStart
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
AI-powered UI design skills based on Refactoring UI principles.
-
design
Design — Visual design, brand systems, theming, and interface critique.
-
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, browser-based inspiration analysis, color/typography selection, and WCAG accessibility
-
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout…
-
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing…
-
Visual critique skills: hierarchy analysis, brand consistency checks against mood/voice/tokens, composition evaluation, and typography audits — with a /critique-screen command…
-
Design principles, legendary designers, and historical movements applied to UI work, with agents and workflows for brand identity, design audits, style guides, and premium landing…
-
Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains…
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
-
All in one skills about software design, UI/UX
-
Claude Code plugin recreating the Distill look — tokens, article UI kit, technical diagrams, voice rewrite, and slash commands.
-
Generate production-ready visual assets without leaving your terminal. Describe what you need in plain English: icons, illustrations, placeholders, and Blueprint Studio generates…
Listado em Claude Code: claude-plugins-official (5)
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
Listado em Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
Listado em Codex: openai-curated (openai/plugins) (5)
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Adobe unlocks more ways to create and get work done from the conversation. Previously available as Photoshop, the Adobe connector now brings creativity and productivity…
-
Explore campaign ideas, concept images, mood boards, product placements, ad directions, listing images, social posts, and launch assets.
Listado em Community GitHub marketplaces (4)
-
AI-powered UI design skills based on Refactoring UI principles.
-
design
Design — Visual design, brand systems, theming, and interface critique.
-
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, browser-based inspiration analysis, color/typography selection, and WCAG accessibility
-
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout…
Listado em Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Draw simple diagrams in a Copilot canvas: shapes, arrows that stay attached, text and a freehand pen. Copilot can read, create and edit the same drawing, tidy its layout, and…
-
PMX Canvas is a collaborative canvas where you and your AI agent collect evidence, analyze findings, and develop ideas together. Pin material as context for your agent, then ask…
-
Generate images using AI directly from your coding workflow. Supports OpenAI (gpt-image-2) and Google Gemini. BYO API key — the skill guides you through setup on first use.
Listado em Copilot CLI: github/copilot-plugins (5)
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
workiq-productivity
WorkIQ productivity skills powered by the local WorkIQ CLI — read-only insights across email, meetings, calendar, Teams, SharePoint, projects, and people.
-
model-apps
Build and deploy Power Apps generative pages for model-driven apps with specialist agents for planning, entity creation, and parallel code generation. Requires PAC CLI >= 2.7.0…
Listado em Cursor: cursor/plugins (5)
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
AI image generation using Amazon Nova Canvas.
-
A Model Context Protocol (MCP) server that empowers LLMs to use some of Open Srategy Partners' core writing and product marketing techniques.
-
provides tools and templates to create a functioning Vizro chart or dashboard step by step.
-
Seamlessly create diagrams using the Python diagrams package DSL. This server allows you to generate AWS diagrams, sequence diagrams, flow diagrams, and class diagrams using…
Listado em Official MCP Registry (5)
-
Curated design references for AI — real CSS values, typography specs, and color palettes.
-
Generate randomized English Markdown frontend design directions from curated catalogs.
-
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
-
codesign ly.img/codesign
Local design engine for AI agents: create, edit and export real, editable designs.
-
Let your AI agent build moodboards of real websites: save, search, tag and share design references.
Listado em PyPI (MCP servers) (5)
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling
-
Connect AI assistants to Outline for document search, reading, and management
-
Accessible maidr charts in ChatGPT and Claude, explored by sound, braille and screen reader
Listado em npm registry (MCP servers) (5)
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
storeshots-mcp io.github.mtbun/storeshots-mcp
Render store-ready App Store and Google Play screenshots: device frames, headlines, exact sizes.
-
AfterEffects-MCP-IMT + SKILLS — After Effects for AI agents
After Effects for AI agents: every Adobe UI language, large skills library, generative workflows
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.