Design Tools Claude 스킬

Interface Design & Dashboard Architecture

Builds high-craft, intent-driven application interfaces including dashboards, admin panels, and SaaS tools while avoiding generic design patterns.

Next.js Best Practices & Architecture

Applies expert-level Next.js conventions, RSC boundaries, and optimization patterns to ensure high-performance, modern React applications.

Remotion Video Development

Streamlines programmatic video creation in React with expert patterns for animations, audio, and asset management.

Design Change Request Manager

Captures design change requests through interactive dialogue and generates structured, actionable project issues.

Figma Design Analyzer

Analyzes Figma designs to ensure code implementation readiness and consistency with the Nexus design system.

Table Pattern Generator

Automates the creation of project-specific data table documentation and implementation patterns for frontend applications.

Punkt UI Components

Implements accessible UI components using the Oslo kommune Punkt design system for React and Web Components.

Marp Pitch Deck Creator

Generates professional, high-fidelity pitch decks using Marp and Tailwind CSS directly within your workflow.

UI Freeze & Design Protection

Safeguards frontend design systems and theme configurations by preventing unintended global style modifications without explicit confirmation.

HTMX Patterns for MC-ORG

Simplifies HTMX implementation in Kotlin-based MC-ORG projects using standardized helper functions and interaction patterns.

Frontend Responsive Design

Implements mobile-first responsive designs and fluid layouts across all device sizes using modern CSS frameworks and relative units.

UI/UX Pro Max Design Intelligence

Generates professional, high-fidelity frontend interfaces using a searchable database of 50+ UI styles and 21+ curated color palettes.

Premium Frontend Architect

Architects high-end, production-ready frontend interfaces by overriding standard AI design biases with strict metric-based engineering rules.

Web Interface Design Auditor

Audits frontend code against professional web interface guidelines to ensure high-quality UI, UX, and accessibility standards.

Frontend Design Orchestrator

Orchestrates multi-style frontend concept generation with automated visual validation and strict quality controls.

Tailwind CSS v4 Development

Styles modern web applications using the latest Tailwind CSS v4 utilities and CSS-first configuration patterns.

Sketch Visual Design

Generates professional UI mockups, marketing assets, and social media visuals directly within Claude Code using Gemini AI.

Frontend Development Patterns

Implements production-grade React and Next.js architectural patterns following modern best practices and performance optimizations.

Frontend Development Patterns

Provides standardized React and Next.js implementation patterns for building high-performance, scalable user interfaces.

Frontend Slides

Generates high-performance, animation-rich HTML presentations with zero dependencies and viewport-perfect layouts.

React & Next.js Frontend Patterns

Provides production-ready architectural patterns and best practices for building scalable React and Next.js applications.

Frontend Slides

Generates high-performance, animation-rich HTML presentations with zero dependencies and automatic viewport-fitting.

Frontend Development Patterns

Implements production-grade React and Next.js architectural patterns for scalable and performant user interfaces.

Frontend Slides

Generates stunning, zero-dependency HTML presentations with high-end animations and automated PowerPoint conversion.

Frontend Development Patterns

Provides production-ready React and Next.js patterns for building high-performance user interfaces and scalable frontend architectures.

Tacosdedatos Brand Design Guidelines

Provides authoritative brand guidelines, visual standards, and illustration styles for the Tacosdedatos ecosystem.

Gemini Image Generation

Generates and edits high-resolution images using the Gemini API with granular control over resolution, aspect ratios, and multi-turn refinement.

Tacosdedatos Image Prompt Writer

Generates optimized AI image prompts for unique illustrations following the specific tacosdedatos visual style guide.

Image Prompt Writer

Generates optimized, style-consistent image generation prompts for Gemini based on specific editorial content and visual metaphors.

Tacosdedatos Image Validator

Validates visual assets against a specific brand style guide to ensure consistency in color, texture, and composition.