Skill UI

This skill applies principles of behavioral psychology and choice architecture to redesign user experience (UX) flows. It is used when a product's conversion friction is rooted in interaction design, not just copy. By auditing cognitive load, defining optimal default paths, and inserting strategic commitment points, it guides users toward desired actions ethically, maximizing commitment while preserving autonomy. Ideal for improving onboarding, checkout funnels, and complex decision-making sequences.

Generate publication-quality scientific diagrams from natural-language descriptions using Nano Banana 2 AI, with Gemini quality review and smart iteration until your document-type threshold is met. Ideal for neural network architectures, flowcharts, pathways, and posters.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

This comprehensive guide details the workflow for using built-in AI tools to create original artwork, product visuals, and diagrams, and to intelligently edit existing images. It emphasizes crafting detailed art-direction prompts, managing image input paths, and maintaining consistency across multi-turn editing sessions.

A skill for analyzing and creating literature in Lao She's Beijing-flavored style, focusing on citizen life, humor and pathos, dramatic dialogue, and plain description. Ideal for writing stories, essays, or scripts with vernacular Beijing language and social observation.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

Generate images with Google Gemini's image model straight from a Claude Code session. Create UI placeholders, icons, documentation illustrations, diagrams and concept visuals, saved locally as PNG files with a returned file path.

Build a measured exposure and grading path in Three.js with a 64x36 luminance meter, async readback, weighted log-average exposure, asymmetric adaptation, single tone-map ownership, and a generated 32-cube post-tone-map LUT.