Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

lsystem-executor

Execute L-system and shape grammars to produce visual derivations, SVG/PNG renders, and optional STL meshes

232 repo starsObserved in 1 repos
Design

refactor-ui

Analyze a design against all 10 Refactoring UI skills and generate a comprehensive assessment with specific fixes

232 repo starsObserved in 1 repos
Design

applying-ui-design-system

Frontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. Use when building UI components, choosing a visual aesthetic, implementing design tokens, or auditing accessibility/contrast on themed surfaces. Provides per-style tokens, component patterns, dark mode, and a11y constraints.

231 repo starsObserved in 1 repos
Design

geomap-visualization

Use this skill when asked to create geographic maps, visualize attack origins on a world map, show location-based data, or display IP geolocation. Triggers on keywords like "geomap", "world map", "geographic", "attack map", "show on map", "visualize locations", "attack origins", or when analyzing data with latitude/longitude coordinates.

230 repo starsObserved in 2 repos
Design

heatmap-visualization

Use this skill when asked to create heatmaps, visualize patterns over time, show activity grids, or display aggregated data in a matrix format. Triggers on keywords like "heatmap", "show heatmap", "visualize patterns", "activity grid", "time-based visualization", or when analyzing attack patterns, sign-in activity, or event distributions by time period.

230 repo starsObserved in 2 repos
Design

svg-dashboard

Use this skill when asked to generate SVG data visualization dashboards from investigation data or skill reports. Triggers on keywords like "generate SVG dashboard", "create a visual dashboard", "visualize this report", "SVG from the report", "visualize results", "create SVG chart", "SVG from this data". Supports two modes: manifest-driven structured dashboards (from skill reports with svg-widgets.yaml) and freeform adaptive visualizations from ad-hoc investigation data. Component library includes KPI cards, score cards, bar charts, line charts, donut charts, waterfall charts, tables, recommendation cards, assessment banners. SharePoint Dark Theme default palette.

230 repo starsObserved in 1 repos
Design

accessibility-guide

Accessibility guidelines for writing component examples in fundamental-styles with proper ARIA, semantic HTML, and WCAG compliance

229 repo starsObserved in 1 repos
Design