By arustydev
Bridge design tools and code generation, enabling seamless translation of design files into production-ready UI code across multiple frameworks.
npx claudepluginhub arustydev/agents --plugin design-to-codePlace slash command files (`.md`) in this directory.
Compare design files with generated code to detect drift and inconsistencies
Export and optimize images, icons, and other assets from design files for target platforms
Extract design tokens from Figma, Sketch, or Penpot design files
Convert a design component to framework-specific code (SwiftUI, React, Flutter, Tailwind)
Synchronize design tokens between design files and codebase, detecting drift and applying updates
Place agent definition files (`.md`) in this directory.
Batch process design assets across multiple platforms with parallel optimization and format conversion
Create comprehensive design systems from design files, orchestrating token extraction, component generation, and documentation
Multi-step design to code workflow agent. Orchestrates design file reading, token extraction, and code generation across multiple frameworks.
Convert design specifications from Figma, Sketch, or Penpot to SwiftUI view code with proper modifiers and theme integration
Convert design specifications from Figma, Sketch, or Penpot to HTML with Tailwind CSS utility classes
Extract design tokens (colors, typography, spacing, shadows) from Figma, Sketch, and Penpot design files via MCP servers and normalize to W3C format
Audit design components and generated code for WCAG 2.1 compliance including color contrast, touch targets, and screen reader compatibility
Optimize design assets for production deployment with format-specific compression, resolution scaling, and bundle optimization
Manage design system tokens including CRUD operations, multi-format export, version tracking, and synchronization with design files
Convert design specifications from Figma, Sketch, or Penpot to Flutter widgets with proper theming
Convert design specifications from Figma, Sketch, or Penpot to React components with CSS modules or styled-components
Team-oriented workflow plugin with role agents, 27 specialist agents, ECC-inspired commands, layered rules, and hooks skeleton.
Modifies files
Hook triggers on file write and edit operations
Requires secrets
Needs API keys or credentials to function
Uses power tools
Uses Bash, Write, or Edit tools
Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, rules, and legacy command shims evolved over 10+ months of intensive daily use
Complete collection of battle-tested Claude Code configs agents, skills, hooks, rules, and legacy command shims evolved over 10+ months of intensive daily use
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
AI-supervised issue tracker for coding workflows. Manage tasks, discover work, and maintain context with simple CLI commands.
Context-Driven Development plugin that transforms Claude Code into a project management tool with structured workflow: Context → Spec & Plan → Implement
Uses power tools
Uses Bash, Write, or Edit tools