Design & Media Agent Skills

Reconstruct a user-supplied food photo as a professionally reshot fine-dining editorial photograph with a new viewpoint, crop, hierarchy…

Turns a concept into the cheapest concrete artefact a human can react to, via the no-code make-sequence: Crazy 8s → paper/Miro flow →…

Normalizes all Tailwind classes in a PR's touched .tsx/.jsx files to use ONLY values defined in the project's tailwind.config (colors…

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

Curated typeface catalog with weights, licensing, and CSS snippets for sans-serif fonts (Inter, Roboto, Open Sans, Proxima Nova, Graphik…

Use when the user wants a repository-specific UI or design skill synthesized from current agent skills; not for ordinary UI implementation…

Use when asked to create a logo, design a brand mark, generate a logo concept, or produce any logo asset.

Define and audit form UX rules for submission validity, inline validation timing, live character limits, trusted pre-fill, dynamic…

Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict…

Create a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained…

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

Build a Frappe/ERPNext Print Format that pixel-matches a reference PDF, by extracting exact mm coordinates from the source with PyMuPDF…

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

Expert at building front-end features using Hotwire (Turbo + Stimulus), ViewComponents, and Tailwind CSS.

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and…

Conventions for web frontends: choosing between server-driven HTML and a client-side application, selecting htmx, CSS frameworks, and UI…

Systematic approach to building consistent, maintainable frontend UI components with design systems and component libraries

Guides the creation and review of high-quality frontend user interfaces with structured visual hierarchy, responsive layouts, and polished…

Create a dark container-led technical design system with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful…

Designs unified multi-concept logos by merging distinct visual elements through shared contours, negative space, and validated vector paths.

Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.