UI Components
Code-based UI component generation and styling
excalidraw
by prabha-oss
Create visual presentations, slide decks, and explanatory diagrams in Excalidraw. Use when user asks to create a presentation, slide deck, visual explainer, pitch deck, comparison diagram, process flow, or any multi-slide visual content. Supports two output modes — generating .excalidraw JSON files OR injecting slides directly into excalidraw.com via Chrome browser automation (clipboard JS injection + paste). Combines presentation design expertise with Excalidraw technical implementation.
code-review
by NELpos
Analyze source code quality and propose prioritized fixes using Tidy First and Modern Software Engineering principles. Use for requests like code review, PR review, refactoring suggestions, architecture quality checks, maintainability analysis, or improvement proposals across TypeScript, JavaScript, Python, React, and Next.js codebases.
agent-conventions
by Zokor
Enforce code conventions that make codebases agent-friendly and self-healing. Inspired by Factory AI's "agent-native development" philosophy where lint rules and conventions act as guardrails for AI coding agents. Use this skill whenever generating, reviewing, or refactoring code in any language or framework. Triggers on: code generation, file creation, refactoring, code review, new features, bug fixes, migrations, or any task that produces source code. Covers file organization, naming, searchability, testing, error handling, logging, security, and architectural boundaries. Stack-specific references available for React, Vue, Angular, Laravel, .NET, Python, Go, Rust, and more.