explainer-visuals
π―Skillfrom petekp/claude-code-setup
|Generates visual explanations and diagrams to help clarify complex code concepts and software architecture using Claude's reasoning capabilities.
Part of
petekp/claude-code-setup(82 items)
Installation
npx skills add https://github.com/petekp/claude-code-setup --skill explainer-visualsNeed more details? View full documentation on GitHub β
More from this repository10
code-comments skill from petekp/claude-code-setup
design-critique skill from petekp/claude-code-setup
nextjs-boilerplate skill from petekp/claude-code-setup
Guides developers in creating native, intuitive macOS applications that seamlessly integrate with system design and user experience conventions.
Crafts clear, user-friendly interface copy that guides users through digital experiences with precision, empathy, and consistent voice.
Validates web UI code against comprehensive design guidelines, checking accessibility, UX, and best practices for web interfaces.
Provides performance optimization guidelines for React and Next.js, offering 57 rules across 8 categories to improve application efficiency and reduce load times.
Applies professional typography principles to create readable, hierarchical, and aesthetically refined user interfaces with optimal font scales, spacing, and design.
Helps open-source project maintainers strategically plan product roadmaps, prioritize features, and manage community contributions by providing structured product management guidance.
Designs intuitive, goal-directed interactions that help users accomplish tasks efficiently and meaningfully across digital interfaces.