layout
Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
21,265 results
Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling…
Update existing app design document based on codebase changes and project evolution
Apply the uinaf brand identity to anything that ships under the uinaf name — web interfaces, blog posts, changelogs, documentation, READMEs, slides, OG /…
Generates visual assets (icons, illustrations, logos, hero images, background patterns, section dividers, Lottie animations, short video clips) by routing each…
Design novel protein therapeutics (binders, enzymes, scaffolds) using AI-guided de novo design. Uses RFdiffusion for backbone generation, ProteinMPNN for…
Multi-model shot prompt adaptation: rewrite a shot list into prompts suitable for different video generation models (Chinese/English, first-frame/first-last-frame/text-to-video only, camera movement vocabulary, negative constraints), model-neutral, without fabricating prices or parameters. Use when the user wants the same shot list adapted for Seedance, Kling, Veo,…
Subtitles and text effects: generate ASS/SRT subtitles and text effects for short sales videos (pop-up large titles, keyword highlighting, sticker labels, call-to-action buttons), automatically avoid the platform's bottom/right UI safe zones, and burn them in with ffmpeg/libass. Use when the user wants subtitles, captions, 字幕, 花字, 大字报, keyword…
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinematic…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
Generates transparent pixel-art object assets from a subject and target pixel size using a host-provided image-generation tool, chroma-key removal,…
Define or apply a product's consistent video style across demos, tutorials, films, and clips. Use when establishing video colors, type, motion, sound, framing,…
Design token architecture - primitive/semantic/component tiers, naming grammar, CSS custom property delivery, and DTCG build pipelines
The prompt engineering methodology for GPT-image-2, **the sole entry point for WeChat official account illustrations**. Required reading for prompt writing in any AI image generation task (cover banners, posters, infographics, UI mockups, product packaging, slides, batch icons/characters/cards, Chinese calligraphy couplets, video reference boards). Core iron rule: prompt…
The visual quality diagnosis assistant is suitable for product, operations, technical, and software use when users ask questions such as "Is this image good enough to publish?" and need to quickly break down the goal, determine priorities, and form actionable results. It helps generate a summary, diagnostic conclusions, action recommendations, and reusable deliverables based on the input materials.
The visual quality diagnostic assistant is suitable for product, operations, technical, and software use when users ask questions such as "Is this image good enough to publish?" and need to quickly break down goals, determine priorities, and form actionable results, helping generate summaries, diagnostic conclusions, action recommendations, and reusable deliverables based on input materials.
Neighborhood context and history — adjacent uses, architectural character, landmarks, commercial activity, and planned development from an address. Use when…
Audits final inferential claims against the design, sample, and uncertainty before they are written or published — refuses causal language unless the design's…
Push a React design system to claude.ai/design. This runs a converter that bundles the real component code (from Storybook or a bare package) and uploads it.…
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes.…
Audit PowerPoint (.pptx) decks for slide count, text density, embedded images and fonts, hidden slides, speaker notes, and animation density. Use when…
Upload video/audio media to BytePlus VOD (Video on Demand) storage, returning the Vid and playback references; supports both local file upload (ApplyUploadInfo…
Use when creating infographics, data visualizations, process diagrams, timelines, or comparisons - generates branded infographics using @antv/infographic with…
Create programmatic videos using Remotion (React). This skill provides visual style guidelines, animation patterns, and workflow for creating explainer videos…
Creates visual assets using AI image generation models (Imagen 3, DALL-E). Supports product renders, marketing imagery, infographics, and creative visuals for…