visual-design-foundations
๐ฏSkillfrom wshobson/agents
|A production-ready plugin system with 112 AI agents, 146 skills, 16 workflow orchestrators, and 79 development tools organized into 73 focused plugins for Claude Code.
Overview
Visual Design Foundations is a skill from the wshobson/agents marketplace, part of a comprehensive system of 73 focused Claude Code plugins with 112 specialized AI agents and 146 agent skills. This skill provides expert guidance on fundamental visual design principles including typography, color theory, spacing systems, layout grids, and visual hierarchy for building aesthetically sound user interfaces.
Key Features
- Visual Design Principles - Provides deep knowledge of fundamental design principles including typography scales, color systems, whitespace management, and visual hierarchy
- Progressive Disclosure - Loads visual design knowledge only when activated, keeping context lean and token usage minimal
- Composable with UI Skills - Can be combined with related skills like interaction design, accessibility compliance, and web component design for comprehensive UI development
- Dedicated Domain Agent - Backed by a specialized AI agent focused on visual design theory, design token systems, and responsive design patterns
- Efficient Installation - Install as a single-purpose plugin without loading the entire marketplace
Who is this for?
This skill is designed for developers who build user interfaces and need foundational visual design guidance to create professional, aesthetically consistent applications. It is particularly valuable for developers without formal design training who want to apply proven design principles like proper typography, color harmony, and spacing systems to their frontend work.
Same repository
wshobson/agents(268 items)
Installation
npx vibeindex add wshobson/agents --skill visual-design-foundationsnpx skills add wshobson/agents --skill visual-design-foundations~/.claude/skills/visual-design-foundations/SKILL.mdSKILL.md
More from this repository10
Comprehensive Claude Code plugin collection with 112 AI agents, 146 skills, and 73 focused plugins covering full-stack development, security, infrastructure, and multi-agent orchestration.
A specialized agent skill for advanced TypeScript type system patterns, part of the wshobson/agents plugin marketplace with 146 skills across 73 plugins for Claude Code.
Agent skill for Node.js backend development patterns including API design, architecture, and microservices, part of the wshobson/agents collection with 73 focused plugins and 146 skills for Claude Code.
Claude Code plugin for AI-powered framework migration workflows, coordinating specialized agents to plan and execute transitions between technology stacks as part of the wshobson/agents marketplace.
A Claude Code plugin for payment system integration covering Stripe, PayPal, and billing platforms with checkout flows, subscription management, and webhook handling in the wshobson/agents ecosystem.
A Claude Code plugin bundling core development tools and agents for everyday tasks like debugging and code generation, part of the wshobson/agents marketplace with 73 focused plugins.
Claude Code plugin for observability and monitoring including logging, metrics, distributed tracing, and alerting, part of the wshobson/agents marketplace with 73 focused plugins.
A Claude Code plugin providing specialized AI agents for deployment strategy planning and execution, covering blue-green deployments, canary releases, rolling updates, and zero-downtime patterns.
A Claude Code plugin for rapid API project scaffolding, part of the wshobson/agents marketplace with 73 focused plugins, 112 specialized agents, and 146 agent skills.
Claude Code plugin for JVM language development including Java, Kotlin, and Scala with specialized agents for idiomatic patterns, build tools, and runtime optimization in the wshobson/agents marketplace.