Design

UI/UX direction, visual design, and design systems

Showing 2353-2376 of 3048 skills
curiositech

ui-ux-pro-max

by curiositech

UI/UX design intelligence with searchable database

Design 2 5mo ago
Alisa0808

vox-director

by Alisa0808

Turn ONE topic into a finished Vox-style paper-collage explainer / ad video, end to end on the Atlas Cloud API + local ffmpeg — script, collage keyframes, motion, voice-over, music, captions, all automated. Use this whenever the user wants a "Vox style" video, a paper/torn-paper collage animation, a "motion collage", a narrated explainer or short ad built from AI-generated collage posters, a scrapbook-style tribute, or wants to turn a topic / product / person into a punchy narrated collage video — even if they don't say the word "Vox". Also use when reproducing Stav Zilber / rom1trs / Higgsfield-style collage ad workflows. Three input modalities: a topic (B-roll), a talking-head video (A-roll mode), or a single photo of a person/product anchored into the collage (C-roll mode). Triggers: "vox video", "collage video", "motion collage", "paper collage explainer", "make a collage ad", "turn this topic into a collage video", "turn my photo/this product shot into a collage video".

Design 1.6K 1mo ago
nexu-io

html-ppt-zhangzara-capsule

by nexu-io

A year-end self-review for a product manager — the role, the outcomes, the learning, and the ask, all evidence-backed. Built as a decision-grade career deck for manager, review committee.

Design 93.1K 1mo ago
heygen-com

faceless-explainer

by heygen-com

"Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes."

Design 43.5K 17d ago
duleab

uncodixfy

by duleab

Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.

Design 0 6mo ago
cmr5hp4pp7-hub

cms-vfm

by cmr5hp4pp7-hub

This skill should be used when the user wants to "generate consistent video content", "maintain character appearance across shots", "edit character design sheet", "create scene environment specs", "manage video production consistency", "update character wardrobe bible", "track visual coherence rules", "design character proportions", or "build video generation reference documents" using the CMS-VFM (Character Model Sheet of Video Foundation Model) specification system.

Design 0 2mo ago
prabha-oss

infographic

by prabha-oss

Generate professional infographics using Nano Banana MCP (Gemini AI image generation). Follows a guided flow — analyze content, suggest visualizable concepts, propose visualization approaches, then generate on-brand images. USE THIS SKILL WHEN user says "create infographic", "make a visual", "design an infographic", "generate infographic", wants to visualize a concept, framework, or data for social media, mentions "LinkedIn post", "visual content", "infographic series", asks to explain a concept visually or create a diagram-style image, mentions "visual metaphor", "iceberg diagram", "pyramid", "funnel visualization", wants to generate images with Gemini for informational content, or says "brand visuals", "social media graphics", "thought leadership visual".

Code Gen 0 6mo ago
Gingiris-1031

gingiris-kol-outreach

by Gingiris-1031

🇺🇸 KOL Outreach & Influencer Marketing Playbook — Complete SOP from discovery to ROI tracking. Battle-tested with 200+ KOL campaigns at AFFiNE (60k stars). Includes pricing benchmarks, email templates, content packages, platform algorithm guides, and data-driven evaluation frameworks. 🇨🇳 KOL 外联与红人营销实战手册 — 从发现筛选到 ROI 追踪的完整 SOP。基于 AFFiNE(60k stars)200+ 次 KOL 合作实战验证。包含报价基准、邮件模板、内容包模板、各平台算法指南、数据评估体系。 🇯🇵 KOLアウトリーチ&インフルエンサーマーケティング実践ガイド — 発見からROI追跡までの完全SOP。AFFiNE(60k stars)での200回以上のKOLキャンペーン実績。価格ベンチマーク、メールテンプレート、コンテンツパッケージ、プラットフォームアルゴリズムガイド。 🇰🇷 KOL 아웃리치 & 인플루언서 마케팅 플레이북 — 발굴부터 ROI 추적까지 완전한 SOP. AFFiNE(60k stars) 200+ KOL 캠페인 실전 검증. 가격 벤치마크, 이메일 템플릿, 콘텐츠 패키지, 플랫폼 알고리즘 가이드. Triggers: "KOL outreach" "influencer marketing" "KOL campaign" "influencer outreach" "creator partnership" "KOL strategy" "red人" "红人营销" "KOL合作" "达人合作" "influencer pricing" "KOL ROI" "content creator outreach" "KOL筛选"

Design 73 24d ago
rampstackco

creative-direction

by rampstackco

"Walk the user through four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambition) and produce a structured aesthetic brief that downstream content, copy, design, and art-direction skills consume as required input. The aesthetic depth layer, distinct from creative-brief (operational kickoff: scope, audience, deliverables, constraints). Use when a project needs aesthetic coherence across many small decisions and the user has only a vague feeling, or when multiple downstream aesthetic-producing skills need a shared brief. Triggers on creative direction, aesthetic direction, set the aesthetic, define the visual direction, what's the vibe, what's the tone, the four axes. Does NOT fire for a general kickoff brief (use creative-brief), tactical single-piece work, already-documented direction, purely functional output, or locked production-stage work."

Design 798 3mo ago
TobinZuo

lark-whiteboard-skill

by TobinZuo

Generate clean SVG diagrams from user descriptions and hand them off to a Lark or Feishu whiteboard creation skill or tool. Use when the user asks to create, draw, convert, or sync architecture diagrams, flowcharts, process maps, mind maps, org charts, timelines, or other structured visuals into a Lark or Feishu whiteboard, especially when the workflow should start from model-generated SVG.

Design 0 3mo ago
yanliudesign

mono-color

by yanliudesign

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.

Design 885 8d ago
bitjaru

ss-component

by bitjaru

Generate a new UI component following the StyleSeed design conventions

Design 928 25d ago
SacredTexts

goldy

by SacredTexts

"Global planning/orchestration skill. Use for: (1) Gold Standard plan creation and phased execution, (2) stack-aware decisions across TanStack/React/Neon/Drizzle/WorkOS/Radix/shadcn and other stacks, (3) session memory and deterministic resume capsules, (4) long-running /goldy-loop phase automation with checkpoints and resume chaining, (5) UI/UX module reuse from ui-ux-pro-max when design output is needed, (6) browser-based bug investigation and smoke testing via auto-detected backend (Chrome Extension for Claude Code, Playwright for Codex). Trigger for planning, roadmap, phase, architecture, implementation sequencing, or when user asks for /goldy or /goldy-loop behavior. Also auto-invokes on any coding work that lacks a pre-existing plan: fix, bug, implement, build, add, create, refactor, migrate, update, upgrade, feature, endpoint, component, test, debug, deploy, optimize, integrate, change, modify, remove, delete."

Debugging 0 6mo ago
adrianpunk

punk-cover

by adrianpunk

Generate cover images and reusable image prompts from the shared Punk style library for articles, Xiaohongshu notes, WeChat public account posts, X posts, topic drafts, and requests for covers, social cover images, poster prompts, style-template-based image prompts, or image generation from long-form text. Use this skill to analyze source content, confirm platform/aspect ratio and visual style, save the final prompt, and generate the image when an image-generation tool is available.

Design 854 9d ago
emalorenzo

tech-lead-web

by emalorenzo

Tech Lead for web development projects. Orchestrates a fleet of Opus agents to build pixel-perfect websites from Figma designs. Use with /tech-lead-web to start a new project.

Agents 0 7mo ago
bewithaby

abhilash-portfolio

by bewithaby

Updates and maintains Abhilash Emmanuel's personal portfolio website (a dark "orchestration" themed static site: index.html + photography.html). Use this skill whenever the user wants to edit, update, extend, restyle, or deploy the portfolio. Triggers on phrases like "update my portfolio", "add a project to my site", "add a new photo / film", "change the portfolio colour", "edit the keyboard section", "add a section to my portfolio", "fix my portfolio", "swap in real images", or any request to modify the portfolio's HTML, sections, content, or styling. Always reads the relevant template in assets/ and references/editing-guide.md BEFORE editing, and preserves the existing design system unless told otherwise.

Design 0 2mo ago
Dhadya

gematri

by Dhadya

GEMATRI (Gemakan Mahir Transformasi Geometri) — Next.js learning app for geometric transformations using Batik motifs. Nusantara Rebel design: NeoBrutalism + Indonesian heritage.

Design 0 1mo ago
rampstackco

content-and-copy

by rampstackco

"Write or edit website copy, blog content, and editorial pieces with attention to voice, structure, and goal. Use this skill whenever the user wants to write an article, draft website copy, edit existing content for clarity or voice, write a blog post, or produce general editorial content. Triggers on write a blog post, draft an article, write copy for, edit this, rewrite this, write content, write a guide, draft a how-to, write web copy. Also triggers when content has been outlined and now needs to be written, or when existing content needs voice or clarity edits."

Design 798 4mo ago
tomevault-io

ui-ux-pro-max

by tomevault-io

UI/UX design intelligence with searchable database Use when this capability is needed.

Design 1 1mo ago
microsoft

deploying-scalable-agents

by microsoft

Design 73.5K 1mo ago
nowork-studio

content-writer

by nowork-studio

Write SEO-optimized blog posts, landing pages, and content improvements following Google's E-E-A-T and Helpful Content guidelines. Handles new content creation from a keyword or topic, and improving existing pages. Use when asked to "write a blog post", "create a landing page", "improve this page", "write content about X", "content for keyword X", "draft an article", "blog post about", "landing page for", "service page", "product page copy", "rewrite this page", "make this page rank better", "content brief", "how-to guide", "listicle", or any content creation or improvement task for a website.

Design 3.4K 24d ago
realjaymes

saas-landing-pages

by realjaymes

Creates complete SaaS landing page drafts using 7 framework templates. Use when the user wants to create a "homepage," "product page," "pricing page," "comparison page," "integration page," "use case page," or "solution page."

Design 54 1mo ago
paulbryantbaker-art

teach-impeccable

by paulbryantbaker-art

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

Design 0 5mo ago
tt-a1i

to-spec

by tt-a1i

Turn the current conversation into a spec and publish it to the project issue tracker — no interview, just synthesis of what you've already discussed.

Design 96 18d ago