Design
UI/UX direction, visual design, and design systems
product-psychology-for-vibe-coding
by gsun6t9
프로덕트 매니저(PM)가 바이브코딩으로 UI/UX를 설계하거나, 사용자 여정을 구성하거나, 프로덕트의 화면·흐름·인터랙션을 만들 때 제품 심리학 원칙을 자동으로 적용하는 스킬. 6P 스토리보드, BMAP 행동모델, B.I.A.S 프레임워크, Peak-End 저니맵, 윤리적 디자인 체크를 실무에 바로 적용한다. 다음 상황에서 반드시 이 스킬을 사용하라 — 사용자 여정 설계, 온보딩 플로우 설계, 전환율 개선, CTA 배치, 랜딩페이지 구성, 회원가입/결제 플로우, 푸시알림/이메일 문구 작성, 가격 페이지 설계, 기능 우선순위 결정, UX 리뷰, 사용자 이탈 분석, A/B 테스트 가설 수립, 프로토타입 제작, 와이어프레임 리뷰, 제품 기획서 작성 등 프로덕트 설계 및 개선에 관련된 모든 작업. '사용자 심리', '행동 설계', '전환 최적화', '그로스', 'UX 개선' 등의 키워드가 나와도 이 스킬을 사용하라.
hoj-design
by Hadsten-og-Omegns-Jagtforening
Use this skill to generate well-branded interfaces and assets for Hadsten & Omegns Jagtforening (HOJ), a Danish hunting and shooting association. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping a redesigned web app.
geo
by yaojingang
Route GEO and generative engine optimization requests to an available GEOHub capability. Use for broad GEO requests, GEOHub workflow selection, capability checks, or requests spanning discovery, brand/site/page diagnosis, multi-page website diagnosis, content, strategy, knowledge, publishing, and measurement.
brand-voice
by rampstackco
"Develop or document a complete brand voice and tone system covering voice attributes, tone shifts by context, vocabulary preferences, grammar rules, and copy examples. Use this skill whenever the user wants to define how a brand sounds, write a voice and tone document, audit existing copy for voice consistency, train a team or AI assistant on brand voice, or refine the personality of brand writing. Triggers on brand voice, voice and tone, tone of voice, writing voice, brand personality, copy voice, voice document, voice guidelines, how should we write, voice training, voice audit. Also triggers when the user has copy that 'feels off' and the underlying issue is voice, even if not stated explicitly. On a voice consistency check, this skill owns defining and documenting the voice system; use editorial-qa when a specific draft needs checking against an existing system before it publishes."
coherence-design
by TheCoherenceCompany
Use this skill to generate well-branded interfaces and assets for The Coherence Company, either for production or throwaway prototypes / mocks / decks. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
ui-ux-pro-max
by gracebotly
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."
prototype
by tt-a1i
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
ss-page
by bitjaru
Scaffold a new product page or screen from the compiled StyleSeed output grammar, surface adapter, brand recipe, and project lock.
context-aware-assets
by interaeronav
Furnish and dress a TEE-managed scene with free, license-safe assets that fit the site's real dimensions, style, and sunlight. Use when asked to furnish rooms, dress a scene, find/place assets, or match materials and lighting to site photos and briefs.
pageone-web-builder
by finance762-afk
Build production-grade local business websites for Page One Insights clients. Use this skill whenever building, editing, auditing, or generating prompts for client websites — including static HTML/CSS/JS sites and PHP-include sites deployed via GitHub to Hostinger. Covers the full build pipeline (tiered site structures, PHP component architecture, CSS design system, premium visual techniques, logo analysis, animations), plus cutting-edge 2026 local SEO and Answer Engine Optimization (AEO). Trigger this skill for any mention of client sites, website builds, CLAUDE.md standards, SEO audits, AEO optimization, schema markup, llms.txt, entity blocks, service area pages, or the Page One Insights web design workflow — even if the user doesn't explicitly name the skill.
ads-performance-analytics
by rampstackco
"How to read paid media dashboards without fooling yourself. Attribution models, platform reporting quirks, multi-platform reconciliation, ROAS vs LTV horizon traps, statistical noise in performance metrics, incrementality testing, and the failure modes that produce expensive lessons. Triggers on read paid media dashboard, attribution analysis, ROAS vs LTV, multi-platform reconciliation, ad incrementality, geo holdout, conversion lift study, ghost bidding, paid media reporting, board-deck paid media metrics, blended CAC, MMM, MTA, last-click attribution. Also triggers when a marketer is about to scale, kill, or rebudget a campaign based on platform metrics, or when reconciling platform reports against warehouse revenue."
ue-slate-ui
by NCMcClure
Build new UE5 Slate UIs from scratch or refactor existing Slate widget hierarchies using an atomic design methodology adapted for Slate's C++ composition model. Use this skill when the user mentions Slate UI, SWidget, SCompoundWidget, widget hierarchy, Slate refactoring, Slate design system, widget composition, or asks to organize/restructure Slate widgets into a systematic hierarchy. Also trigger when the user wants to create a Slate component library, establish a Slate style system, break a monolithic SCompoundWidget into reusable parts, or audit an existing Slate interface for consistency. Works for both editor tools (detail customizations, asset editors, standalone windows) and runtime Slate UIs.
ads-creative-development
by rampstackco
"How to produce ad creative that converts at performance scale. Hook patterns, format selection, video pacing, variation systems, sequential testing methodology, fatigue detection, brand-voice alignment without conversion dilution, and platform-specific creative norms. Triggers on ad creative, ad design, hook patterns, ad video pacing, creative testing, ad variations, creative refresh, creative fatigue, refresh ad creative, video ads for Meta, TikTok creative, LinkedIn ad creative, ad asset library. Also triggers when a team is producing creative at scale, planning a creative test cycle, or auditing why creative is not converting."
write-discoverable-code
by SjB
Rules for writing code that coding agents (and humans) can find and understand through plain-text search. Apply whenever writing or renaming code: functions, types, constants, files, error messages, doc comments. Grounded in measurement: agents navigate by plain-text search, not by AST or language server, so every identifier is a search query and every search miss costs wasted reads.
naval-almanack
by kangarooking
当用户询问《纳瓦尔宝典》(The Almanack of Naval Ravikant) 相关内容，或在以下领域寻求建议时调用: 财富构建(怎么赚钱/股权期权/杠杆/副业与职业定位/时薪与外包决策)、判断与决策(重大选择纠结/心智模型/打工vs创业)、 幸福与心智(欲望与焦虑/接受与内耗/冥想/刷手机上瘾/愤怒与期望/攀比妒忌)、人生哲学(生命意义/该不该信玄学/诚实沟通/选朋友圈子/怎么读书学习)。 不适用于: 具体投资标的与选股、临床心理治疗、急性危机(先求助专业人士)。 Triggers: 纳瓦尔/Naval/纳瓦尔宝典/致富/财富/幸福/判断力/冥想/读书/人生意义
bfl-api
by calesthio
BFL FLUX API integration guide covering endpoints, async polling patterns, rate limiting, error handling, webhooks, and regional endpoints with Python and TypeScript code examples.
muapi-product-ad-cinematic
by SamurAIGPT
Cinematic 5–10s product ad from a product photo + brand brief.
image-gen
by RamazanKara
Generate or edit raster images (PNG/JPG/WebP) from a text description using the local OpenAI Codex CLI's built-in image generator — photos, illustrations, icons, logos, mascots/characters, hero/OG/social images, favicons, textures, sprites, UI mockups, product shots, and transparent-background cutouts, plus edits to an existing image (recolor, restyle, add/remove/replace an element, change the lighting, remove the background, make variations). Use this WHENEVER the user wants to create, generate, make, draw, render, design, paint, or produce an image, picture, icon, logo, illustration, graphic, visual, asset, hero image, OG/social card, favicon, sprite, texture, mascot, or mockup — even when they don't say "Codex", don't name a file format, or just describe the picture they want ("I need a header image of …"). Do NOT use for: vector/SVG icon systems or logos meant to be authored as code; charts/graphs built from data; diagrams or flowcharts better expressed as Mermaid/SVG/HTML; or purely mechanical operations on an existing image file — resizing, super-resolution "upscaling", compression/optimization, or format conversion such as PNG→ICO — because this skill creates and edits image content, it does not transform files.
kais-movie-agent
by kaiger666888
"AI短片/短视频/短剧全流程自动制作管线。触发词：movie agent, 短片制作, AI短片, 视频管线, film pipeline, AI视频制作, 短视频管线, AI电影, 影片制作, AI短剧, 短剧制作, 视频自动化, 全自动视频, 一键生成视频, AI拍片, 视频工厂, 批量视频, 生成短片, make video, create film, video pipeline, movie production, AI filmmaker。覆盖需求确认→调研→剧本→美术方向→角色设计→配音→场景生成→分镜板→视频生成→后期合成的完整管线，支持git版本管理和断点续传。"
ui-ux-pro-max
by Jackiexiao
"QUERY LENGTH LIMIT EXCEEDED. MAX ALLOWED QUERY : 500 CHARS"
html-ppt-zhangzara-cobalt-grid
by nexu-io
OpenDesign renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI. Built as a decision-grade B2B sales deck for champion, finance approver.
claude-statusbar
by leeguooooo
Manage cs (claude-statusbar) — switch theme/style/density, override severity colors, preview combinations, run doctor, reset config, install, upgrade (cs upgrade — the only supported upgrade path), or remove the bar, toggle fast/daemon mode, show cost or prompt-cache age, toggle the AgentParty/Codex bridge line, or toggle the activity segments (todos, active tool, running subagents, session duration, lines changed, git ahead/behind). Use whenever the user mentions cs, claude-statusbar, status bar, status line, 状态栏, AgentParty, Codex, show_party, 主题, theme switching, style switching, color customization, 余量颜色, 警告颜色, severity color, /statusbar, cs preview, cs doctor, fast mode, daemon, refreshInterval, 5h/7d window, context window display, prompt cache, todos / 待办, active tool, subagents / 子agent, session duration / 时长, lines changed / 行数, git ahead-behind / 领先落后, forecast / 预测 / 还能用多久, at-risk chip, show_forecast, or asks to install / upgrade / update / 升级 / configure / diagnose / customize the bottom status line in Claude Code or Codex/AgentParty workflows.
yao-geoflow-cli
by yaojingang
Use when operating an existing GEOFlow 2.1+ system from CLI, API v1, or authenticated admin web for catalog/material/task/job/article operations, enterprise knowledge, growth-center leads, distribution, analytics, URL import, theme editor, frontend-capability sync, system updates, settings, tokens, users, or preflight. Do not use for implementation, schema changes, direct DB edits, frontend design, or invented API routes.
glyph
by sumitttt4
A brand and design skill for AI-built products. Use it to create brand identity, UI direction, typography, color systems, landing pages, dashboards, product taste, anti-generic design rules, and Vibe Coding prompts.