- Home
- /
- Categories
- /
- Design
Design
UI/UX direction, visual design, and design systems
ui-ux-pro-max
by curiositech
UI/UX design intelligence with searchable database
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".
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.
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."
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.
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.
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".
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筛选"
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."
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.
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.
ss-component
by bitjaru
Generate a new UI component following the StyleSeed design conventions
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."
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.
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.
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.
gematri
by Dhadya
GEMATRI (Gemakan Mahir Transformasi Geometri) — Next.js learning app for geometric transformations using Batik motifs. Nusantara Rebel design: NeoBrutalism + Indonesian heritage.
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."
ui-ux-pro-max
by tomevault-io
UI/UX design intelligence with searchable database Use when this capability is needed.
deploying-scalable-agents
by microsoft
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.
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."
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.
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.