Best agent skills for designers, page 14

要在视频上加一段动效图形时用：下横栏（姓名职务）、关键词字幕、大数字与图表、标注与引导、品牌贴片与片尾、倒计时与进度。不选模板，按规则写一个自包含的 HTML 画面（时间的纯函数），打包成代码包导入后放上时间线。只加静态文字、贴纸或已有的文字动画预设时不用；整条成片的规划看「从简报到成片」。

JimLiu/baocut

定期审计代码库的工程设计问题（高心智复杂度、单一真相源被破坏、catch-all 胖接口、死代码、散落魔法字面量、泄漏抽象、资源生命周期靠环形缓冲）与可优化点，范围限定为自上次审计以来的 git churn，每条发现都落到 file:line 并对照本项目自己的 VISION.md / 各级 AGENTS.md / memory…

UniClipboard/UniClipboard

Distill stable art-generation patterns from a completed project, so future projects produce comparable assets without re-discovering the prompts.

tettethu/VibeGame

Writes seek-safe 2D and 3D keyframes for HyperFrames video compositions, covering punch-ins, zooms, reframes and camera moves without touching clip assembly.

heygen-com/hyperframes

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

Produce a self-contained HTML artifact instead of a markdown document when the content benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor.

dogum/html-artifacts

Generate Swimlane Lit Element Solution (CDN). An agent skill from swimlane/ngx-ui.

swimlane/ngx-ui

Authoring knowledge for Orkas/OVS HTML video compositions -- write an index.html, drive animation from a paused timeline, declare canvas + duration, then run the VideoStudio draft gate to render an…

Orkas-AI/Orkas-VideoStudio

Builds marketing and explainer videos in Remotion from rendered scenes, with one real product capture as proof, and cuts them for each platform's formats.

ooiyeefei/ccc

把用户提供的品牌或产品 brief、参考素材和成片反馈整理为 TVC 创意方案、15 秒、30 秒或自定义时长的导演执行单、可复制的视频提示词，以及可选的无文字九宫格分镜；能分别配置视频模型、生成段数、节奏与镜头密度。适用于 TVC、品牌广告、产品广告、商业短片、Seedance 2.5、广告分镜、旁白设计和生成结果复盘；不用于纯社媒口播、直播切片或与 TVC 无关的视频参数咨询。

nutllwhy/seedance-tvc-director

A skill your agent uses to generate well-branded interfaces and assets for Baby Menu, either for production or throwaway prototypes/mocks/etc.

kunchenguid/baby-menu

A skill your agent uses when changing what the desktop shows or runs: Niri/Noctalia config, a window that is the wrong size, garbled, or missing after a reboot, autostart, fcitx5 or vinput input…

ryan4yin/nix-config

Design engineering principles for making interfaces feel polished.

trycompai/crm

Production pipeline for interactive and generative visual art using p5.js.

Tommy-yw/RunbookHermes

AI image generation and editing for blog content powered by Gemini via MCP.

AgriciDaniel/claude-blog

Helps design, write and verify hash-seeded long-form generative art for onchain mint platforms and screen-based venues, covering determinism, rarity and plotter output.

camilleroux/genart-skill

Generate images through the ChatGPT web app (chatgpt.com) via a local infinite-canvas board — queued jobs, scheduled batches, annotate-to-edit, style-reference generation, lineage.

ManiacMike/chatgpt-endless-canvas

Register AI-generated-looking UI patterns as prohibited rules in the design system.

tsubotax/melta-ui

Create free Agnes video generation tasks and retrieve video results through Agnes-Video-V2.0, including text-to-video, image-to-video, multi-image video, keyframe animation, async polling, and video…

kangarooking/agnes-free-model-skills

GitMesh Agents UI design system. An agent skill from LF-Decentralized-Trust-labs/gitmesh.

LF-Decentralized-Trust-labs/gitmesh

Design and edit COROS watch faces in CorosLink Watch Face Studio through its editor tools (applycommands, renderpreview, validate) and the generateimage tool.

JunAkerBuilds/CorosLink

Create StoryLite component stories in consumer projects that use StoryLite public packages, explaining StoryLite's CSF-like story format with examples from single-story files to advanced args…

itsjavi/storylite

Set an ECC-specific frontend design direction for production UI work.

affaan-m/ECC

This skill should be used when the user explicitly says "Lunora style", "Lunora design", "/lunora-design", or directly asks to use/apply the Lunora design system.

anolilab/lunora

为 Qwen-Image 编写和改写生图提示词，区分局部编辑与参考主体创作，处理同人物系列、画幅及原图验收；用户要求生成时连接其已有的 Qwen 图像工作流。不用于下载权重、通用模型运维或其他图像模型。

ZSeven-W/craft-skills

tinyvue组件库开发规范

opentiny/tiny-vue

Draws a slim, long-limbed character acting out one coding or design moment as an outline-free flat SVG card, in a fixed measured palette with confetti and no ground line.

MengTo/Skills

L1 × AI 设计评审：对已完成的单页、局部 UI 设计稿进行小型迭代评审，识别影响面、状态遗漏、文案与一致性风险，并给出 P0/P1/P2 建议和验收清单。用户提供 Figma 链接、截图、前后设计稿或可评审原型，并要求设计走查、风险评审或开发前 UI 检查时使用；不用于设计前方案预检、完整多页面流程或 L2 开发交付。

PaperMoonuu/Design-workflow-skills

Converts a report or other document into a business story and then an infographic image, pausing for your review after each step.

TyrealQ/q-skills

Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes.

benjaminsehl/liquid-skills

Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas.

mr-daedalium/ostack-saas

Convert text posts into visual carousel images or presentations for Threads, Instagram, LinkedIn, TikTok, YouTube.

itchernetski/threads-carousel-claude-skill

Generate 3D CGI and rendered video prompts for Seedance 2.0 on Higgsfield.

beshuaxian/higgsfield-seedance2-jineng

Write, check, repair and publish a plan page: a project's plans and subject files under its plans directory, rendered by .agents/pstack/plan-page.mjs and rendered as one local HTML page per subject…

udecode/dotai

Create aesthetic templates without first creating a plugin - capture visual design concepts through adaptive questioning.

glittercowboy/plugin-freedom-system

Make a promo / motion video for a software product with HyperFrames, using the saas-motion-kit 7-stage process (brief → components → theme → storyboard → build → sound → deliver), the…

tugrawork-creator/saas-motion-kit

A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo.

mailtrap/mailtrap-local

Generates or edits raster images through OpenAI's Image API.

iurysza/module-graph

Build agent-friendly motion-graphics videos with Hyperframes (HTML-to-MP4).

robonuggets/hyperframes-helper

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, UI mockups, product shots, or transparent-background…

nexus-research-lab/nexus

Generate and process media — images, video, audio, music — and read text from images (OCR).

hi5jeff/deepclonewebsite

Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology.

AccessLint/skills

Create dark cinematic SaaS/product motion videos in the Presenton-like "magic UI" style: black starfield stage, bottom purple glow, large kinetic type, cyan-to-magenta CTA buttons, prompt cards…

Pluviobyte/video-production-skills

Build web interfaces with genuine design quality, not AI slop.

udecode/plate

A skill your agent uses when working on tools/imggen avatar image generation, OpenAI-compatible image API config, human or yaoguai portrait prompts, qi-refining base generation, image-to-image realm…

4thfever/cultivation-world-simulator

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills

Comprehensive UI/UX review for macOS Tahoe apps. An agent skill from KartikLabhshetwar/better-shot.

KartikLabhshetwar/better-shot