cybersecurity-dashboard-ux
NewCybersecurity SaaS dashboard UX patterns. Use when designing, building, or reviewing UI/UX for security dashboards, vulnerability explorers, risk posture views, or DevSecOps portals.
Overview
Agent Skills for engineering excellence—code quality best practices, systems design patterns, and expert vulnerability analysis. Agent Skills are folders of instructions, scripts, and resources that agents like Claude Code, Cursor, Github Copilot, etc... can discover and use to write better code.
The skills in this repo follow the Agent Skills format.
Installation
npx skills add kylejryan/better-codeClaude Code Plugin
You can also install the skills in this repo as Claude Code plugins
/plugin marketplace add kylejryan/better-code
/plugin install code-quality-best-practices@better-code
/plugin install systems-design-patterns@better-code
/plugin install vulnerability-analysis@better-codeAvailable Skills
<details> <summary><strong>code-quality-best-practices</strong></summary>
Distinguished Engineer-level code quality standards for writing, reviewing, and refactoring code across any language. Enforces correctness, clarity, and changeability as non-negotiable invariants.
Use when:
- •Writing new code or functions
- •Reviewing or refactoring existing code
- •Designing class hierarchies or module boundaries
- •Choosing design patterns or architecture
- •Fixing bugs or addressing code smells
- •Optimizing performance
Categories covered:
- •Core Philosophy (Critical) — three invariants, KISS, DRY
- •Architecture (Critical) — separation of concerns, dependency inversion, boundaries
- •Code Quality Standards (Critical) — naming, function design, error handling, testing
- •Anti-Patterns (High) — god objects, stringly-typed code, boolean blindness
- •Design Patterns (High) — creational, structural, behavioral with selection heuristics
- •Performance (High) — algorithmic complexity, optimization hierarchy, concurrency
- •Code Smells (Medium-High) — structural, coupling, dispensable smell catalogs
- •Refactoring (Medium) — safe methodology, conversation protocol
</details>
<details> <summary><strong>systems-design-patterns</strong></summary>
Staff+ engineering patterns for maximum leverage per line of code. Build primitives that make the next twenty features trivial instead of building each feature from scratch.
Use when:
- •Designing abstractions or shared libraries
- •Building reusable primitives or frameworks
- •Reducing code through architecture decisions
- •Reviewing code for leverage and reuse potential
- •Choosing between building vs configuring
- •Establishing conventions and patterns
Categories covered:
- •Leverage Mindset (Critical) — primitives over features, lines as liability
- •Abstraction Design (Critical) — Three Cs, layers, extraction decisions
- •Minimum Code Patterns (High) — convention over config, schema-driven, registries
- •System Boundaries (High) — internal APIs as products, DRY across boundaries
- •Code Reduction (Medium-High) — eliminate states, branching, ceremony
- •Review Lens (Medium) — existence, placement, shape, minimum, composability
</details>
<details> <summary><strong>vulnerability-analysis</strong></summary>
Expert-level security vulnerability analysis for source code auditing. Systematic taint analysis from source to sink with false positive reduction discipline calibrated against real-world VMM/systems code audits.
Use when:
- •Reviewing code for security vulnerabilities
- •Auditing authentication, authorization, or session logic
- •Evaluating input handling and output encoding
- •Assessing cryptographic implementations
- •Reviewing file operations, command execution, or deserialization
- •Checking for race conditions in concurrent code
- •Analyzing dependency security and supply chain risks
Categories covered:
- •Taint Analysis (Critical) — source-sink tracing, filter evaluation, FP reduction, threat model evaluation
- •Memory Safety (Critical) — buffer overflow, use-after-free, integer overflow, unsafe Rust audit, reachability analysis
- •Injection Attacks (Critical) — SQL, command, XSS, SSTI, path traversal, deserialization, SSRF
- •Authentication & Authorization (High) — bypass, IDOR, session management, privileged setup phases
- •Cryptographic Vulnerabilities (High) — weak algorithms, key management, entropy
- •Concurrency & Race Conditions (High) — TOCTOU, atomicity, established patterns recognition
- •Web & API Security (Medium-High) — CORS, CSRF, mass assignment, API hardening
- •Supply Chain & Dependencies (Medium) — dependency confusion, ML model files
</details>
Usage
Skills are automatically available once installed. The agent will use them when relevant tasks are detected.
Examples:
Review this function for code qualityRefactor this class — it has too many responsibilitiesDesign a reusable abstraction for these three similar handlersAudit this endpoint for security vulnerabilitiesReview the authentication flow for bypass risksSkill Structure
Each skill follows the Agent Skills Open Standard:
- •
SKILL.md- Required skill manifest with frontmatter (name, description, metadata) - •
AGENTS.md- Compiled references document (generated) - •
references/- Individual reference files
Install & Usage
mkdir -p .claude/skillsmkdir -p .claude/skills && curl -o .claude/skills/cybersecurity-dashboard-ux.md https://raw.githubusercontent.com/kylejryan/better-code/main/SKILL.md/cybersecurity-dashboard-uxFrequently Asked Questions
What is cybersecurity-dashboard-ux?
Cybersecurity SaaS dashboard UX patterns. Use when designing, building, or reviewing UI/UX for security dashboards, vulnerability explorers, risk posture views, or DevSecOps portals.
How to install cybersecurity-dashboard-ux?
To install cybersecurity-dashboard-ux, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /cybersecurity-dashboard-ux.
What is cybersecurity-dashboard-ux best for?
cybersecurity-dashboard-ux is a community categorized under General. It is designed for: security, code-review, design. Created by Kyle J Ryan.