Browse reusable Agent Skills, each with a clear purpose and practical guidance.
Use when implementing screenshot-driven or narrow Rudder UI polish: density, alignment, spacing, labels, cards, menus, hover states, empty states, onboarding steps, redundant pages, compact workflows, screenshots, or small visible interaction fixes.
Use when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or design-dev handoff materials.
WCAG 2.1 AA compliance, ARIA attributes, keyboard navigation, screen reader optimization for accessible political data platforms
Advanced chart types, D3.js/Vaadin Charts patterns, political data visualization, time series analysis
Chart selection, color theory, dashboard design, and data storytelling principles for political transparency data
Design system management, Vaadin component library patterns, consistent UI/UX, accessibility integration
Design Vaadin UI components with proper lifecycle, data binding, and responsive layouts for CIA platform
Use systematic spacing with 25% minimum jumps, start with excess whitespace
Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades