shopify-theme-performance
Optimize Shopify theme performance for Core Web Vitals (LCP, CLS, INP). Use when diagnosing slow page loads, fixing lazy-loaded hero images, profiling Liquid…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,117 results
stackblitz-sdk-patterns
Design a durable WebContainer lifecycle adapter for filesystem, process, event, preview, and teardown operations. Use when multiple UI components need…
storybrand-messaging
Build clear brand messaging using narrative structure that positions the customer as hero. Use when the user mentions "brand message", "website copy",…
together-reference-architecture
Design a production Together AI service with a typed provider boundary, policy-based model routing, serverless and dedicated lanes, batch workers, telemetry,…
vercel-reference-architecture
Implement a Vercel reference architecture with layered project structure and best practices. Use when designing new Vercel projects, reviewing project…
windsurf-theme-customization
Configure Windsurf themes and visual settings for accessibility. Activate when users mention "change theme", "customize colors", "accessibility settings",…
jewel-markdown
Build or debug Jewel Markdown parsing, rendering, GFM, images, styling, and extensions.
kotlin-ui-swing-component-architecture
Design IntelliJ Swing UI components, state flow, EDT work, and lifecycle ownership.
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code,…
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
slack-gif-creator
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users…
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with…
insightpulse-echarts-viz-system
Design, standardize, and implement ECharts-based visualizations and themes for InsightPulseAI dashboards, Superset plugins, and OpEx UI (AntD + M3 + ECharts).
game-ui-design
Research-grounded workflow for designing, reviewing, and improving video game user interfaces, including HUDs, menus, navigation, focus states,…
ui
UI/UX design agent for crafting user experiences, visual designs, and game interfaces. Auto-detects the designer role (UX Designer, UI Designer, Game UI…
cover-and-title
Use when the user wants a cover for a video, wants large cover text, or wants the title and cover produced together: read the transcript to extract selling points, provide several sets of titles and cover copy, and after the user picks one, generate a cover image according to the video's aspect ratio and put it into this video's candidate assets. Every line must be delivered by the video. When only a title or description is wanted and no cover is needed, use title creation and description writing. A transcript of the video is required.
design
Use when the user wants a visual design draft such as an interface, web page, poster, chart or infographic, diagram, or prototype: write a design draft in the working directory (canvas.json plus one .dc.html per artboard); after validation passes, a design draft card appears in the thread, and the user can preview, edit, and annotate it in the feature area. Also used to revise an existing design draft according to the user's comments or design draft annotations. Slides do not use it (use…
design-system
Use when the user wants to create or modify a design system: the brand's color, text styles, spacing and radius tokens, a brand handbook README for agents, the bundle and preview, logos, icons and fonts. Write a design system directory in the working directory (design-system.json plus…
motion-graphics
Use this when adding a motion graphic to a video: lower third (name and title), keyword subtitle, big numbers and charts, callouts and guides, brand sting and end card, countdown and progress. Don't pick a template; write a self-contained HTML frame (a pure function of time) according to the rules, package it into a code bundle, import it, and place it on the timeline. Don't use it when only adding static text, stickers, or existing text animation presets; for planning the whole finished video, see "From Brief to Finished Video".
narration
Use this to make a narration-driven finished video (news quick takes, knowledge explainers, product introductions, step-by-step tutorials), or to add a multi-sentence narration to existing footage: first measure the speaking rate to calculate how many characters the script should have, write the script with one sentence per line, then pick a single voice that stays consistent across the whole video, synthesize once with one set of tone instructions, measure duration, check the seams, re-record only the sentences that fail, and finally cut the visuals to the narration. Not for dubbing a video into another language (translation dubbing), and not for reading a single sentence.
video-production
For making a complete finished video from scratch: promotional short films, explainer videos, story shorts, launch films, news quick takes, data stories, typographic motion graphics, song MVs and lyric videos, or when the user picks a scene template or example work and says "make a video." Once the brief is set, first write the style and character definitions, storyboard and sound plan, then produce reference images, build each shot with footage, generated images, or code-rendered visuals, add narration, mix, export and review. For transcription, subtitles, translation, dubbing, or editing existing footage only…
bibi
BibiGPT CLI for summarizing videos, audio, and podcasts directly in the terminal. Use when the user wants to summarize a URL (YouTube, Bilibili, podcast, etc.)…
web-design-guidelines
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…