design-system-patterns
Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
212 skills found
Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.
LinkedIn automation and integration for managing profiles, connections, posts, and organizations using the Membrane CLI.
Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.
A standardized fullstack pattern for Next.js features, integrating GET API routes, server actions, SWR data fetching, and React Hook Form with Zod validation.
Accelerate software delivery by shifting testing to the earliest development phases, using AI-driven requirements validation, TDD, and automated CI pipelines to reduce defect costs.
Advanced QE reporting, quality dashboards, and predictive analytics for test metrics, code coverage, and deployment readiness to drive data-informed quality decisions.
Comprehensive mobile testing for iOS and Android, covering gestures, sensors, permissions, device fragmentation, and performance across 1000+ real and virtual devices.
Automate regulatory compliance testing for GDPR, CCPA, HIPAA, SOC2, and PCI-DSS to ensure legal adherence, prepare for audits, and secure sensitive data.
Manage Slack communications: send, edit, delete messages, handle reactions, pin items, and fetch member information directly through your AI agent.
Master React Native styling, navigation, and Reanimated animations. Build performant, cross-platform mobile apps with native-quality UX.
React composition patterns for scalable codebases. Refactor complex components, build flexible libraries, and implement compound components or React 19 architecture patterns.