Agent Skills by Anderson Collaborative
Showing 48 vetted skills indexed across 1 GitHub repositories.
design-system-generator
Generate design system tokens, Tailwind config, and documentation templates.
micro-interactions
Design UI state motion for hover, click, toggles, validation, toasts, loading, and scroll reveals.
lottie-rive
Integrate Lottie and Rive vector animations into React applications.
agentic-ui
Present intent previews, autonomy controls, and streaming states for AI workflows.
competitive-design-intel
Extract competitor brand data and score visual quality across design dimensions.
white-label-systems
Apply per-tenant CSS custom properties for white-label branding without code changes.
form-design
Design accessible web forms with correct input types, labels, and validation.
app-design-system
Design application-specific design systems with navigation, state, form, and notification specifications.
email-design
Generate production-ready HTML email templates with Outlook-safe tables and inline CSS.
ad-creative-design
Generate platform-specific ad creative specifications with exact dimensions and text limits.
data-visualization
Guide chart design with chart selection, color encoding, labeling, and accessibility.
design-to-code
Transform design briefs into frontend code scaffolds with design tokens.
dark-mode
Implement accessible dark mode with CSS tokens, Tailwind variants, and persistence.
motion-design
Designs web animations with GPU-friendly transforms/opacity and reduced-motion fallbacks for modern frontends.
error-states
Design error and empty state interfaces with recovery actions for web apps.
design-qa
Capture baseline screenshots and perform pixel-level diffs to detect visual regressions.
color-system
Generate accessible color palettes from a base color with WCAG contrast checks.
landing-page-patterns
Generate CRO landing page layouts and copy with responsive Tailwind implementations.
figma-pipeline
Convert Figma design nodes into framework-specific UI components with mapped design tokens.
icon-systems
Standardize icon library selection and SVG implementation for consistent sizing and accessibility.
design-handoff
Convert design intent into developer-ready handoff documentation with tokens, states, and assets.
responsive-patterns
Generate mobile-first responsive patterns with Tailwind breakpoints, clamp() typography, and srcset images.
visual-audit
Evaluate website visual quality across seven dimensions using DFII scoring.
design-tokens
Export DTCG design tokens to CSS, Tailwind, and Figma variables.