Design Tools Claudeスキル

Frontend Design

46,246

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

Tailwind Design System

23,139

Builds scalable, production-ready design systems using Tailwind CSS, design tokens, and standardized UI patterns.

Slack GIF Creator

22,963

Generates and optimizes animated GIFs for Slack emojis and messages using custom drawings and motion effects.

Theme Factory

22,963

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages to ensure visual consistency.

Web Artifacts Builder

22,963

Builds sophisticated, multi-component React applications bundled into single-file HTML artifacts using modern frontend frameworks and design systems.

Algorithmic Art

22,963

Generates sophisticated algorithmic art and interactive p5.js visualizations based on custom computational philosophies.

Brand Guidelines

22,962

Applies official Anthropic brand colors and typography to artifacts for consistent corporate visual identity.

Frontend Design

21,715

Generates distinctive, production-grade web interfaces with high-quality design and creative aesthetics that avoid generic AI-generated patterns.

Canvas Design

21,713

Generates sophisticated visual art and design documents based on custom-crafted aesthetic philosophies and expert-level craftsmanship.

Image Enhancer & Upscaler

12,827

Improves image quality, resolution, and clarity for screenshots and digital media through intelligent upscaling and sharpening.

Slack GIF Creator

12,623

Creates custom animated GIFs and emojis optimized for Slack using a flexible toolkit of animation primitives and validators.

Anthropic Brand Guidelines

7,895

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

Theme Factory

7,895

Styles and enhances the visual presentation of artifacts like slides, documents, and landing pages using professional font and color themes.

React Artifact Builder

7,895

Architects sophisticated, multi-component Claude.ai HTML artifacts using modern React and shadcn/ui frameworks.

Slack GIF Creator

7,895

Generates and optimizes animated GIFs and custom emoji animations specifically designed to meet Slack's strict file size and dimension requirements.

Image Enhancer

7,895

Enhances image resolution, sharpness, and clarity to transform screenshots and photos into professional-grade visual assets.

Canvas Design Studio

7,895

Generates professional-grade visual art and aesthetic manifestos through meticulous spatial and geometric composition.

Gemini Image Generation

2,824

Generates and edits high-quality images from text prompts, existing photos, and real-time data using the Gemini API.

MUI Treasury Registry Meta

2,423

Standardizes the creation of metadata files for MUI Treasury components to ensure consistent registry integration and documentation.

Using Base UI with Material UI

2,423

Integrates unstyled Base UI components with Material UI's design system using the render prop pattern to create accessible, styled web interfaces.

LaTeX Research Posters

2,188

Generates professional, publication-quality scientific research posters using specialized LaTeX frameworks and AI-powered schematics.

Generate Image

2,066

Generates and edits high-quality photorealistic images, artistic illustrations, and visual concept art using advanced AI models like FLUX and Gemini.

Prototype Prompt Generator

1,259

Generates detailed, structured prompts for creating UI/UX prototypes from high-level user requirements.

Nanobanana Image Generation

925

Generates and edits high-quality images using the Google Gemini API with customizable aspect ratios and resolutions.

Landing Page Guide

562

Generates high-converting, professional landing pages using the 11-essential-element framework with Next.js 14+ and ShadCN UI.

LaTeX Research Posters

324

Generates professional academic research posters using LaTeX packages like beamerposter, tikzposter, and baposter.

UI Design

314

Creates distinctive, production-grade frontend interfaces and high-fidelity prototypes using professional design principles and strict aesthetic guidelines.

Frontend Design

291

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and bold styling.

Frontend CSS Standards

213

Writes consistent, maintainable CSS by adhering to project methodologies, design systems, and performance best practices.

Scientific Schematics

197

Generates publication-quality scientific diagrams and architectural schematics using iterative AI refinement and automated quality review.