Design

This skill provides structured guidance for UI design tasks, focusing on design systems, component libraries, and accessibility compliance. It defines a clear workflow starting with context gathering, includes checklists for visual hierarchy and responsive design, and integrates with tools like Figma and Sketch. The skill emphasizes collaboration with other agents and delivers specifications for developer handoff.

Automates creation of Instagram-style 600x600 card news series. Takes topic, colors, and optional background images as input, generates concise content, and outputs multiple PNG files. Handles text wrapping, image resizing, and overlay application for readability.

This skill guides Claude through a two-step process to generate visual art: first creating a detailed design philosophy manifesto, then using it to produce PNG or PDF artwork. It emphasizes craftsmanship, minimal text, and spatial expression over literal representation.

A Figma automation skill with potential value for designers, but severely lacking in documentation, unclear functionality, and incomplete implementation details.

This skill guides users through a structured questionnaire to define visual preferences before UI development. It creates a DESIGN.md file with chosen themes, fonts, and motion settings, integrating with project planning phases. It skips detailed questions for MVP projects and references a theme library.

Automates Figma design handoff by extracting tokens, mapping components, detecting drift, and generating implementation plans. Integrates directly with Figma's MCP server to reduce manual review from hours to minutes. Creates structured tasks and provides phased development recommendations.

Applies predefined or custom color/font themes to presentation decks and documents. Provides 10 curated themes with hex codes and font pairings. Shows a PDF showcase first, then applies chosen styling. Handles cases where existing themes don't fit by generating new ones based on user input.

Provides detailed guidance for using ReportLab Python library to generate PDF documents including invoices, reports, certificates, and labels. Covers both Canvas API for precise positioning and Platypus for flowing documents, with examples for tables, charts, barcodes, and troubleshooting common issues.

Provides 10 pre-built visual themes with color palettes and font pairings for consistent styling of presentations and design artifacts. Includes a showcase PDF for theme selection and supports custom theme creation based on user input.

Create patent-style technical diagrams including flowcharts, block diagrams, and system architectures using Graphviz with reference numbering

Provides structured UI/UX design guidance with checklists, decision trees, and platform-specific constraints. Covers accessibility (WCAG 2.2), performance metrics (Core Web Vitals), and design system interoperability. Includes practical templates for flows, states, and design system deltas.

This skill automates the creation of Instagram-style 600x600 card news series. It generates content based on a topic, then runs Python scripts to produce image cards with solid colors or user-provided background images. It handles text wrapping, image resizing, and provides clear file output.