Design AI Skills

Build a Summer App, a team tool inside Summer Studio (balance table, quest editor, tracker), data and tools.

Help HR teams design and execute effective offboarding processes for voluntary and involuntary departures. Use when asked to create an offboarding checklist, conduct exit interviews, manage employee…

ALIGN — Agentic Loop Image GeneratioN. Paint a subject in the craft of a reference artwork as executable p5.js, Canvas, SVG or another mark-based medium, replay that craft's real order of work, and…

Craft-first interface design for dashboards, admin panels, SaaS apps, tools, and other information-dense product UI. Applies hierarchy, token, state, and consistency principles to produce interfaces…

Guidelines and instructions for Prompt engineering role-play layouts

Design, build, refactor, and review production SwiftUI interfaces with explicit state ownership, navigation, accessibility, design tokens, previews, and simulator verification.

Define actionable principles that resolve trade-offs when the team disagrees. Use when the same decisions keep getting relitigated. For a single project's framing, use `design-brief`.

Use when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`,…

Audit UI/UX designs for quality, AI-generated slop, and accessibility. Use when reviewing designs, detecting slop patterns, validating WCAG compliance, checking design-token adherence, or reviewing…

Use when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an…

Decompose a complex RQ into MECE subquestions, map dependencies, and schedule the answering order.

Use this when you need to find existing pages that already use a specific block in an AEM Edge Delivery Services project, for example to locate test content or examples during block development.…

Design and document a scenario planning consulting with structured process, quality checks, and system integration

Use when making NPCs, enemies, or units navigate a level — grid vs waypoint vs navmesh, A*/JPS, navmesh baking and agent radius, off-mesh links, steering, RVO crowd avoidance, and flow fields in Godot…

Criação de moodboards textuais e referências visuais para produções criativas

Use Ultra Dynamic Sky for cinematic work — animating UDS with Sequencer (keyframing Time of Day, Cloud Coverage/Fog, Cloud Movement, exposing extra variables to cinematics), rendering movies with…

An emotional-resonance lens for UI that is technically correct but flat. Translates a user’s felt state into specific copy, motion, and interaction changes.

Prompt engineering for production: few-shot prompting, chain-of-thought, system prompt design, output formatting, temperature settings, and evaluation — for Claude and other LLMs

Apply contrast and spacing for legibility — calibrating color contrast between text and background, character tracking, and line leading so a chosen typeface and size actually render legibly. Use when…

Interactive prompt refinement workflow: interrogates scope, deliverables, constraints; copies final markdown to clipboard; never writes code. Requires the Joyride extension.

把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow

Generate or edit images with AI models through the OpenRouter Image API (Gemini, FLUX, Seedream, Recraft, GPT-Image). Use for photos, illustrations, artwork, concept art, visual assets, logos, and…

Amazon PPC campaign builder and optimizer for sellers. Two modes: (A) Build — design a complete campaign structure from scratch with keyword groupings, bid calculations, and negative keyword lists,…

Generate 1080x1920 Instagram Reels video promos for GitHub repositories using HyperFrames. 7-beat structure with fullscreen scrolling phone mockup, GSAP animations, dark GitHub theme, repo stats,…

Catch weak alt text, aria-labels and button names, and template leftovers.

Use when working with a game engine's physics — rigid bodies, colliders, collision layers and masks, character controllers, joints, forces versus impulses, raycasts and shapecasts, or when a…

Use this skill when a founder has no results to point at and needs something to publish — "I have nothing to post about", "what do I write when we haven't launched", "who would even listen to me",…

Provider-independent production workflow for AI agents creating educational animated lessons, classroom explainers, STEM visualizations, history/social-science animations, training modules,…

Multi-Page Application (MPA) architecture and asset orchestration / Arsitektur Multi-Page Application (MPA) dan orkestrasi aset.

Naming de produtos, marcas e campanhas com verificação de disponibilidade para o mercado BR

Document typesetting skill: resumes, one-pagers, white papers, letters, portfolios, and slide decks laid out on warm paper-like pages with serif type and ink-blue accents. Template and layout rules…

Guidelines and instructions for Prompt instruction constraint mappings

Email template design, responsive email patterns, and email deliverability considerations.

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or…

Apply typeface and size choices for legibility — picking the right typeface for the use case (display, body, code, UI) and sizing it appropriately for the rendering context. Use when designing a type…

Map design values to an existing token system and plan safe token changes across themes and consumers. Use for token drift, Figma variable alignment, or cross-surface theming.

Generate Android adaptive app icon (foreground + background), monochrome icon for themed icons (Android 13+), and Play Store 512x512 icon. Use when the user says 'android icon', 'adaptive icon', 'app…

Agent skill for pseudocode - invoke with $agent-pseudocode

Design content structure, hierarchy, labelling, and the navigation model. Use when organising what exists. For the UI that exposes it use `navigation-patterns` (interaction-design); for user-generated…

AI image generation and editing for blog content powered by Gemini via MCP. Generates hero images, inline illustrations, social preview cards, and OG images, and edits existing ones. Supports 6 domain…

Style MATLAB charts and figures. colororder palettes for chart series colors, colormap selection, brand color organization, and the R2025a Theme API for uifigure apps (dark mode with fliplightness,…

Use when finished Scenario assets have to give something back: a caption for a dataset or alt text, a reusable style description, a verdict against a brief, a canny, depth, pose, or segmentation…

Expert blueprint for VR platforms (Meta Quest, PSVR, SteamVR, Pico) covering XR toolkit (OpenXR), comfort settings (vignetting, snap turning, teleport), motion controls, hand tracking, and 90+ FPS…

Create original short videos using the 墨烟试装升级｜日常基线、遮挡换装与黑白合流 Creative DNA for MiniMax H3 or Seedance 2.0. Use when the user wants this causal, camera, motion, rhythm, or payoff structure with new…

Use this skill when a post is about to go live, or just went live, and the question is what happens after publish — a creator's sponsored post, a founder announcement, a launch thread, a milestone…

Create original short videos using the 墨烟试装升级｜日常基线、遮挡换装与黑白合流 Creative DNA for MiniMax H3 or Seedance 2.0. Use when the user wants this causal, camera, motion, rhythm, or payoff structure with new…

Bring a Summer Board's typed cards into the game as Godot Resources, load them through BoardData, and keep board and game in step.

Product management and design-adjacent skills distilled from Lenny Rachitsky's podcast and newsletter archive, with named frameworks, checklists, and templates per skill. The catalogue installs the…

Guidelines and instructions for Prompt template input variable injections

Apply the principle of Legibility — the visual clarity of individual characters and short phrases, determined by typeface, size, weight, contrast, and spacing. Use when picking type for UI elements…

Usability testing frameworks — test planning, task scenarios, moderated and unmoderated protocols, analysis frameworks, and insight synthesis for Mémoire research pipeline