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.
164 skills found
Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.
Swift memory leak detection for iOS: identifies missing dispose bags, retain cycles, and strong self references in RxSwift code.
Transcribe audio files (wav, mp3, ogg) to text using the Qwen ASR model. Fast, local-friendly, and requires no API keys.
Specialized skill for building Vue 3 applications with TypeScript, covering Composition API, Pinia state management, Vue Router, and custom composables.
Explains code using visual diagrams, relatable analogies, step-by-step walkthroughs, and common pitfalls.
Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.
Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.
Automated code maintenance loop using Trunk to perform linting, formatting, and iterative error resolution.
Automates TypeScript type generation from Rust tool schemas to ensure end-to-end type safety between server and client in MCP-based projects.
Expert SwiftUI development assistant: refactor code, improve performance, and diagnose app hitches or CPU issues using Xcode Instruments trace analysis.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.
A framework for managing static site generator (SSG) projects using Astro, including build optimization, GitHub Pages deployment patterns, and type-safe content collection schemas.