visual-identity-direction
Use when translating brand strategy into visual creative direction, such as writing a creative or logo brief, describing mood boards, or setting photography,…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-21 00:11
20,393 results
Use when translating brand strategy into visual creative direction, such as writing a creative or logo brief, describing mood boards, or setting photography,…
Generates render and output configuration for Remotion videos. Focuses ONLY on output settings, codec, format, quality, resolution. Input is target…
16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one…
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
D3.js data visualization skill based on Edward Tufte principles. Selects the right chart type from 80+ options by analyzing the data question, then generates…
Communicate design’s contribution to user and business outcomes in stakeholder terms. Metrics framework, scorecard / before-after / A-B / portfolio report…
Generates professional Reveal.js presentations with themed designs, multi-column layouts, Chart.js data visualization, speaker notes, staggered animations, and…
Generate low-fidelity wireframes for UI layouts, user flows, and screen architecture. Focuses on structure and content hierarchy before visual design decisions…
Complete paper-cut collage advertisement production workflow with local IndexTTS-2 voice cloning, animation, audio mixing, and MP4 quality control
Design engineering skill for Claude Code that enforces consistent UI patterns through memory, craft principles, and systematic design tokens.
Screenshot-to-HTML prototype generator with iterative refinement and learning memory. Use this skill whenever the user provides a screenshot, mockup,…
Extract the design of a screenshot, website URL or Figma file into a design.md with tokens, components, layout and brand rules, or copy one element (navbar,…
Structures a Flutter design system as tokens→theme→modifiers→shapes with two-tier tokens (primitives named by measured value, semantic slots named by role)…
Complex GSAP timelines including labels, callbacks, nested timelines, and position parameters. Use when orchestrating multi-step animations, building animation…
Designs and audits macOS launchd watchdogs. Use for LaunchAgent/LaunchDaemon setup, plist changes, scheduled self-healing, repeated notifications, apps…
Transcribing, displaying and animating captions
Design validation and review. Run DRC/ERC checks, verify against constraints, check component availability, and prepare comprehensive validation reports.
Draws original design-and-coding scenes as SVG cards (480x360) in a framed-panel cartoon style. Identifying traits are a soft pastel card with a…
Extract frames from video files using ffmpeg for AI/LLM analysis. Use when (1) the user asks to analyze, describe, or summarize a video file, (2) the user…
Four-skill enforcement layer for design system compliance in Figma: ensures components are instances of master components, and colors/fonts/spacing/radii bind…
Advocate for design quality, scope, and time with cross-functional partners using evidence and shared goals — not taste or authority.
Extract Google Stitch design specifications into DESIGN.md format. Creates a structured design document from Stitch output that can be…
Create animation-rich HTML presentations from scratch or convert PPT/PPTX into polished web slides. Produces self-contained HTML files with smooth…
Conducts a brand interview, proposes 3-5 distinct SVG logo concepts, refines the chosen direction, and exports PNGs at 16px-2048px. Requires resvg, Inkscape,…