Design Tools Claudeスキル

React 19+ Design Patterns

Implements modern React 19 patterns with TypeScript to ensure type safety, performance, and maintainable component architectures.

Web Interface Design

Applies professional UI/UX principles to create clean, accessible, and high-conversion web interfaces through systematic design patterns.

Cloodle Chatbot Widget

Builds and styles embeddable chatbot interfaces that integrate seamlessly with the Cloodle design system.

Canvas Design Artistry

Generates museum-grade visual art and design philosophies through a two-step process of conceptualization and high-fidelity rendering.

Web Accessibility Expert (a11y)

Implements WCAG standards and semantic HTML to create inclusive, production-grade web experiences.

Web Interface Guidelines Auditor

Audits frontend code for compliance with industry-standard web interface, UX, and accessibility guidelines.

Frontend Design

Builds distinctive, production-grade frontend interfaces with bold aesthetic choices and meticulous attention to detail.

Frontend Design Standards

Enforces production-grade UI standards for React and TypeScript to prevent generic AI aesthetics while ensuring accessibility and theme compliance.

Giant Swarm App Icons

Manages and implements standardized application icons across Giant Swarm's product ecosystem and documentation.

Tailwind Patterns

Provides instant access to Tailwind CSS utility patterns, responsive layouts, and configuration best practices for faster frontend development.

UI/UX Pro Max

Generates comprehensive design systems, color palettes, and typography pairings backed by professional UX intelligence and accessibility standards.

Gesso Theme Upgrader

Automates the migration and upgrade process for Gesso-based design systems and themes to the next release.

Next.js Component Architect

Generates standardized, production-ready Next.js UI components with integrated Storybook support, CSS Modules, and Figma design synchronization.

Gesso Upgrade Planner

Generates comprehensive migration plans for updating Gesso design system themes to their next upstream release.

Algorithmic Art Generator

Generates sophisticated, p5.js-based generative art through computational philosophies and interactive parameter exploration.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI patterns.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend technologies and shadcn/ui.

Svelte UI Animator

Implements performant, purposeful UI animations for Svelte and SvelteKit applications using Tailwind CSS.

Smart Screenshot Capture

Captures high-quality screenshots of specific application windows or fullscreens automatically based on conversation context.

Elite PowerPoint Designer

Transforms markdown and text into world-class PowerPoint presentations using professional design systems, sophisticated animations, and brand-level consistency.

Excalidraw Canvas Skill

Programmatically creates, edits, and refines professional Excalidraw diagrams with real-time canvas synchronization and visual feedback.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to presentations and design artifacts.

Canvas Visual Art & Design

Generates sophisticated visual art and design philosophies through a multi-step process focused on expert craftsmanship.

Slack GIF Creator

Generates and optimizes custom animated GIFs and emojis tailored specifically for Slack requirements.

Theme Factory

Applies professional color palettes and typography pairings to documents, slides, and web artifacts.

Nano Banana Image Generator

Generates, edits, and composes professional-grade images using Google's Gemini 3 Pro Image model directly within your terminal workflow.

Svelte 5 Code Writer

Streamlines Svelte 5 development by providing instant documentation access and automated code analysis for components and modules.

Tailwind Design System

Architects production-ready design systems using Tailwind CSS, design tokens, and accessible component patterns.

Balkan Family Tree JS Assistant

Implements and manages interactive family tree visualizations and organizational charts using Balkan Family Tree JS libraries.

Canva Design Automation

Automates the creation, management, and export of Canva designs and assets through Rube MCP and Composio.