Design Tools Claudeスキル

Figma Design Assistant

Streamlines UI/UX workflows by providing expert guidance on Figma design systems, component architecture, and prototyping best practices.

Web Artifacts Builder

Builds complex, production-grade React artifacts with shadcn/ui and Tailwind CSS for Claude.ai conversations.

Algorithmic Art Agent

Generates gallery-quality generative art by establishing computational philosophies and implementing them through sophisticated p5.js code.

Runway ML Assistant

Streamlines AI video generation and creative image editing workflows using Runway ML's advanced generative tools.

Web Artifacts Builder

Builds sophisticated, multi-component React web artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Sketch Design Guide

Provides expert guidance for the Sketch design tool to streamline UI/UX workflows, symbol management, and interactive prototyping.

Web Artifacts Builder

Builds sophisticated, multi-component Claude artifacts using React, Tailwind CSS, and shadcn/ui.

Theme Factory

Applies professional color palettes and font pairings to artifacts like slides, documentation, and HTML landing pages.

Ant Design Vue Expert

Streamlines the development of enterprise-grade interfaces using the Ant Design Vue component library and design system.

Canvas Design Agent

Generates museum-grade visual art and design philosophies by transforming subtle prompts into sophisticated posters and digital artifacts.

Mermaid Diagram Specialist

Generates a wide range of professional Mermaid diagrams, including system architectures, flowcharts, project timelines, and mindmaps.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs tailored for Slack emojis and workspace messages.

Canvas Design Expert

Transforms abstract design philosophies into museum-quality visual art and documents through meticulous craftsmanship.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and messages using Python-based animation workflows.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and message attachments.

Web Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Theme Factory

Applies professional color palettes and typography themes to documents, slide decks, and web artifacts.

Frontend Design Agent

Creates distinctive, production-grade frontend interfaces with high-end aesthetics that transcend generic AI-generated styles.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documentation, and landing pages.

Slack GIF Creator

Generates and optimizes animated GIFs tailored specifically for Slack emojis and messages using Python's PIL library.

Vue 2 Core Development

Builds and maintains robust Vue 2.x applications using Options API, Vuex state management, and Vue Router integration.

Adobe XD Design Expert

Streamlines UI/UX design workflows by providing expert guidance on Adobe XD prototyping, component management, and design systems.

Anthropic Brand Styling

Applies official Anthropic brand colors and typography to digital artifacts and UI components to ensure visual consistency.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated layouts.

Anthropic Brand Identity Stylist

Applies Anthropic's official visual identity, including brand colors and typography, to design artifacts and UI components.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high design quality and unique, non-generic aesthetics.

BootstrapVue 3 Integration

Accelerates frontend development by providing comprehensive components, grid systems, and directives for Bootstrap Vue 3 applications.

React Framework Assistant

Develops and optimizes modern web interfaces using React components, state management, and performance best practices.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to digital artifacts and presentations.

Frontend Design

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