Design Tools Claudeスキル

Latte Templates for Nette

Provides expert guidance for creating secure, context-aware Latte templates with intuitive syntax and powerful inheritance for Nette applications.

Nette Frontend Development

Optimizes Nette framework frontend workflows by integrating modern build tools like Vite, SCSS, and TypeScript with the Nette Assets system.

Creative QA Checklist

Verifies that creative assets meet brand, accessibility, and localization standards before publication through structured audit frameworks.

Mood Board Builder

Accelerates the creative conceptualization process by compiling visual inspiration, color palettes, and typography references into organized mood boards.

Motion Animation Patterns

Implements standardized, high-performance Framer Motion animations for React applications using centralized presets and RTL-aware patterns.

Design System Starter

Architects scalable, accessible UI design systems using design tokens, atomic component patterns, and WCAG-compliant implementation guides.

Product Design & Figma Handoff

Automates the design-to-code workflow by bridging Figma mockups and codebase implementation through intelligent token extraction and component mapping.

Frontend Component Generator

Generates production-ready React and Vue components complete with TypeScript interfaces, unit tests, and modular styles.

Brand Governance Manager

Ensures brand consistency and compliance by managing guidelines, approval workflows, and asset audits within the design lifecycle.

UI Protection & Design System Guardrails

Protects design systems and global styles from unintended modifications by enforcing strict confirmation workflows for theme-level changes.

Experience System Blueprint

Translates brand strategy into modular, scalable experience systems and documentation patterns for multi-channel execution.

Creative Brief Framework

Standardizes the creation of high-impact creative briefs to align marketing and creative teams on campaign objectives.

Tamagui Best Practices

Implements high-performance Tamagui patterns for v4 configuration, compiler optimization, and cross-platform UI systems.

Screenly Edge App Creator

Scaffolds and guides the development of Screenly Edge Apps using Figma designs and standardized templates.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and unique creative character.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic identities.

Claude Artifacts Builder

Builds sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for high-quality frontend experiences.

Shadcn & Vite Landing Page Builder

Builds, critiques, and iterates high-converting landing pages using React, Vite, shadcn/ui, and Iconify.

Canvas Visual Artistry

Generates sophisticated visual art and high-fidelity design documents through curated design philosophies and master-level execution.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension constraints.

Algorithmic Art & Generative Design

Generates master-level algorithmic art and interactive p5.js sketches through a unique computational philosophy framework.

AI Design System Builder

Generates and applies professional design systems to frontend projects using smart recommendations from over 30 distinct visual styles.

Theme Factory

Applies professional visual themes to artifacts including slides, documents, and HTML pages using curated color palettes and font pairings.

Anthropic Brand Guidelines

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

User Flow & Interaction Mapping

Transforms static app screenshots into structured interaction flows, navigation architectures, and comprehensive user journeys.

Screenshot Design Analyzer

Extracts precise design tokens, component inventories, and layout structures from UI screenshots through a systematic eight-phase analysis.

Design System Architect

Synthesizes multiple visual extractions into a unified, production-ready design system with consistent tokens and components.

AI Image Generation

Generates professional-quality AI images and UI assets directly within your development workflow using Pollinations.ai.

Frontend Design Architect

Generates distinctive, production-grade frontend interfaces that prioritize high-end aesthetics and unique design systems over generic patterns.

Multicultural Holidays Expert

Manages inclusive, data-driven holiday configurations and themes to ensure cultural accuracy and sensitivity in web applications.