Claude agents often produce generic, AI-looking interfaces. This skill enforces strict design standards to generate premium, anti-generic UI specifications that avoid common pitfalls like Inter font, neon glows, and centered hero sections.

AI-generated websites often share the same generic patterns, making them look indistinguishable. This skill audits your existing project and applies targeted design upgrades to create a polished, premium look without rewriting your codebase.

Most AI-generated interfaces look generic and derivative. This skill guides Claude to produce refined, editorial-style web designs with warm monochrome palettes, typographic hierarchy, and premium aesthetics.

Create bold, mechanical web interfaces with Swiss typography and military terminal aesthetics. Generate data-heavy dashboards and editorial sites with raw functionality and extreme typographic contrast.

Most AI web design tools produce generic, repetitive layouts that are hard to translate into real code. This skill generates premium design images first, analyzes them deeply, then produces frontend code that faithfully matches the visual reference.

Standard AI image generation defaults to repetitive, generic website layouts with purple gradients and left-text/right-image heroes. This skill breaks those patterns by enforcing art-directed, premium frontend design references that developers can actually build from.

Standard AI tools produce generic, cluttered mobile mockups with unreadable text and inconsistent design systems. This skill solves that by enforcing premium art direction, platform-native patterns, strict multi-screen consistency, and readable typography inside clean phone mockups.

Most AI tools produce generic, template-like UI designs that lack polish. This skill provides exact design rules for fonts, spacing, shadows, card structures, and animations to create interfaces that look like they came from a high-end design agency.

LLM-generated UIs tend to be generic and cliched, with centered heroes, purple gradients, and Inter fonts. This skill provides engineered directives to produce distinctive, high-end frontend designs with proper motion physics, typography, and layout diversification.

AI coding assistants produce generic, predictable interfaces by default. This skill enforces strict design rules, component architecture, and performance standards to generate professional-quality frontend code.

Creating professional brand identity boards requires design expertise most AI users lack. This skill generates premium brand-guidelines decks, logo systems, and identity presentations with intentional composition and refined visual quality.

Create high-quality images for presentations, documents, and publications using AI models. Generate original artwork or edit existing images with simple text prompts. Access FLUX and Gemini models through OpenRouter API.

UI polish updates often drift into redesign, changing the character of your work. This skill delivers precise, restrained visual polish that sharpens hierarchy, spacing, and readability while keeping your original design intent completely intact.

This skill automates conversion of Pencil design files (.pen) into production-ready frontend code. Designers and developers save hours of manual markup by preserving layout, typography, and visual fidelity from design to code.

Product teams struggle to decide what UI actions to show after a user completes a task. This skill provides a structured framework to model actions from user intent, placing them at the right scope and priority level.

Design-to-code translation often produces unstructured components that break repository architecture and design-system rules. This skill converts Figma or Pencil designs into production-ready code using Feature-Sliced Design layers, Tailwind v4 tokens, and accessibility standards while respecting existing project contracts.

Building brand assets for Next.js projects is repetitive and error-prone. This skill scans your project, generates a full checklist with exact specifications, and imports all assets with correct metadata configuration.

Transform content into engaging Xiaohongshu-style infographic series. Auto-selects visual styles and layouts based on content analysis. Generates 1-10 cartoon-style images optimized for the Xiaohongshu platform.

Users struggle to transform written content into visual presentations. This skill analyzes content, generates comprehensive slide outlines with style specifications, and produces individual slide images using AI image generation.

Create high-quality AI-generated images without leaving your development environment. Supports multiple providers, aspect ratios, and reference images for precise visual control.