design-foundations
Artifact-agnostic design guidance — works for CSS, PowerPoint, matplotlib, PDF, or any visual output. Also includes a curated catalog of named font/color…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
22,051 results
Artifact-agnostic design guidance — works for CSS, PowerPoint, matplotlib, PDF, or any visual output. Also includes a curated catalog of named font/color…
Kortix brand voice + interface copy rules. Load this WHENEVER you write or edit user-facing words in apps/web — UI labels, buttons, empty states, onboarding,…
Create professional logos through an intelligent, iterative design process. Use this skill when the user wants to create a logo, icon, favicon, brand mark,…
Find products by image across Chinese e-commerce platforms (Taobao, AliExpress). Upload or provide an image URL to search for matching products. Extract…
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained…
Create, read, and edit Microsoft Word (.docx) documents — add headings, paragraphs, styled runs, tables, images, page breaks, and read existing documents' text…
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive.…
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then…
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile…
Create, read, and edit PowerPoint (.pptx) presentations — add slides, titles, bullet text, images, tables, and speaker notes, and read text out of existing…
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without…
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography,…
Trim a prose document (README, design doc, blog post, notes) for readability by cutting redundancy, filler, and dead weight in the author's own words. Invoke…
Visual judgment for a new asset or a restyle of a supplied one. The concept gate, choosing ground, accent and type from the brand pack, and preserving a…
Turn a vague or multi-asset design ask into a brief. Pull what is already known, ask at most two questions with reasons, decide the rest and say what you…
Design doctrine to weigh on any visual. Hierarchy, typography, colour, layout, platform sizes, chart and diagram principles, and the review rubric critics…
Measure a film someone hands you (cuts, contact sheets, motion energy, beat grid, colours) and compare a recreation against it frame by frame. Use for…
Deterministic pixel work on an existing image with sharp, Photoshop's image menu in code (resize, crop, rotate, tint, trim, flatten, pad, composite with blend…
Study a film someone supplies, frame by frame, to learn what makes it work. Measure it, write a teardown, and propose observations or skill edits for a person…
On-brand still images built as HTML and rendered in a real browser, such as ads and banners in several sizes, social images, carousels, and paged PDFs…
Plan a new film or animation before it is built, from the argument to a beat sheet, a handoff sheet and on-brand pose frames on one contact sheet for sign-off.…
Look at your own renders before delivery and fix what is off. A restyle beside its source, a pixel-level fix as zoomed before/after crops, a video as a…
Theme and color scheme design — make design decisions for color combinations/palettes/themes/brand color scales/dark mode. Triggers: choosing a color scheme/color mixing/theme/color palette/brand colors/dark mode/contrast/color blindness/UI style. Route by medium: HTML/Web (CSS variables), native App (platform tokens), CLI (ANSI), TUI (true color/256/16 fallback). Ensure accessibility (contrast/color blindness safety). For backend dynamic systems…
UI/UX and layout design — making design decisions for interface layout/structure/navigation/components/interaction. Triggers: doing UI/UX/layout/typesetting/navigation/components/interaction/grid/responsive/chart selection/font pairing. Route by medium: HTML/Web, native App (iOS/Android/desktop), CLI, TUI. Not applicable to dynamic systems requiring a backend; color schemes/themes/palettes go to the sibling skill…