Design Tools Claude 스킬

Hooked UX Framework

Designs habit-forming product loops and engagement mechanics using the Hook Model to improve user retention and long-term behavior.

Design of Everyday Things Framework

Applies foundational human-centered design principles to software and systems to improve usability, discoverability, and error prevention.

UX Heuristics Framework

Evaluates and improves interface usability through automated heuristic analysis and evidence-based design principles.

Web Typography Pro

Selects, pairs, and implements professional web typography to enhance readability and visual hierarchy.

Top-Design

Creates award-winning, immersive web experiences following the craftsmanship standards of world-class digital agencies like Locomotive and Studio Freight.

Refactoring UI Design System

Audits and improves web interfaces using a systematic approach to visual hierarchy, spacing, and color systems.

Frontend CSS Standards

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

Drawnote Visualizer

Generates stunning visual notes, flowcharts, and mind maps from text and exports them as high-quality images directly in your workspace.

Style Format Specification

Defines and manages artistic direction templates for visual asset generation using standardized markdown specifications.

shadcn/ui Frontend Components

Implements accessible, beautifully-designed shadcn/ui components and design patterns using Tailwind CSS and Radix UI.

Elite Frontend Design

Builds high-fidelity, production-grade web interfaces using advanced UI/UX psychology and physics-based motion principles.

Nano Image Generator

Generates professional-grade visual assets, icons, and marketing graphics directly within your development workflow using Gemini 3 Pro.

JSF AJAX Update Manager

Optimizes JSF and PrimeFaces AJAX operations by enforcing strict component-based rendering and update rules.

Nano Banana Pro Image Studio

Generates and edits high-quality images directly within Claude Code using Google's Gemini 3 Pro Image API.

LaTeX Research Posters

Creates professional, publication-quality research posters in LaTeX using specialized packages like beamerposter and tikzposter.

Beautiful Mermaid Diagrams

Renders professional Mermaid diagrams into high-resolution SVG and PNG formats using various customizable themes.

LaTeX Research Posters

Creates professional, publication-quality academic research posters using LaTeX with integrated AI-generated scientific schematics.

Scientific Slides

Generates visually engaging, research-backed presentation decks for conferences, seminars, and thesis defenses using automated design workflows.

Generate Image

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

Scientific Schematics

Generates publication-quality scientific diagrams and technical visualizations through AI-driven iterative refinement.

Generate Image

Generates and edits high-quality photos, illustrations, and visual assets using advanced AI models like FLUX and Gemini.

LaTeX Research Posters

Creates professional, publication-quality scientific research posters using industry-standard LaTeX packages and automated schematic generation.

Scientific Schematics

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

GPT Image 1.5 Generator

Generates and edits images using OpenAI's GPT Image 1.5 model with support for inpainting and text-to-image.

Ray.so Code Snippet Generator

Creates high-resolution, aesthetically pleasing code snippet images directly from your source code using ray.so.

LaTeX Research Posters

Designs professional academic research posters using LaTeX packages and integrated AI-powered scientific schematics.

Lorem Ipsum Generator

Generates highly customizable lorem ipsum placeholder text in various formats and structures for design and development projects.

Design System References

Performs professional UI design reviews against industry-standard systems like Material Design, Apple HIG, and Tailwind UI.

GPT Image 1.5 - AI Image Generator

Generates and edits high-quality images directly within Claude Code using OpenAI's GPT Image 1.5 model.

Beautiful Mermaid Diagram Renderer

Generates high-resolution SVG and PNG diagrams from Mermaid syntax with professional themes and 4K output.