Design
UI/UX direction, visual design, and design systems
design
by kelvinz
"Router-first workflow for high-craft design execution across four modes: ui, ux, motion, and imagery. Use when designing or refining interfaces, structuring and auditing UX/usability/accessibility, implementing or specifying interaction motion, or producing static visual artifacts (.png/.pdf) with a matching philosophy note. Triggers: design ui, improve ux flow, run design audit, add transitions, reduce motion issues, create visual imagery, craft poster composition."
ccb-bill-analyzer
by xiao-yuling
Analyze China Construction Bank (CCB) credit card bills and generate Excel summaries with interactive HTML visualization reports. Use when the user provides a CCB bill file (.txt or .csv), asks to parse credit card transactions, categorize expenses, create spending dashboards, calendar views, or get optimization suggestions. Trigger: 建行信用卡, 信用卡账单, CCB bill, 消费分析, 账单可视化.
9-16-movie-story
by Billyui
9:16竖屏电影级AI影视创作全流程智能体。专为短视频/Reels/Shorts/竖屏剧设计的完整分镜系统。继承movie-story全流程能力，针对9:16画幅重构：竖屏构图法则、垂直运镜体系、单镜覆盖策略、手机端视觉锚点、9:16 AI提示词工程（含--ar 9:16 + 竖幅构图关键词）、竖屏色彩与光影适配、快节奏剪辑语法。已内联电影级写实与场景丰富强制协议（竖屏适配版8条规则+5阶段自检+眼泪物理）+ 导演必修课7模块（竖屏版）+ 对白时长精准计算协议（竖屏快节奏版）+ 人物骨相强化与欧美人审美指南（竖屏9:16构图版）+ 竖屏打斗/对白/暧昧/多人物场面调度协议 + 竖屏生成后质感自检与升级协议 + 文戏专业分镜大师协议（诊断→拆镜→自检流程+反应镜头≥65%+Subtext可视化）。集成OpenMontage端到端竖屏视频制作（12管线+52工具，YouTube Shorts/Reels/TikTok 1080x1920原生支持）。触发器：竖屏分镜、9:16分镜、短视频分镜、Reels分镜、Shorts分镜、竖屏剧、手机分镜、vertical storyboard、9:16 prompt、竖屏覆盖、vertical coverage、手机摄影、social media video、TikTok分镜、抖音分镜、OpenMontage、端到端竖屏视频、文戏分镜、情绪分镜、drama storyboard。
personal-brand-architect
by anilsharmay
An expert agent that interviews users, analyzes resumes, and generates technical & strategic blueprints for personal branding websites.
smart-short-video
by temmo1004
智能短影片生成器 - 混合 AI 圖片與原始影片片段
component-design-system
by hwatkins
Build consistent, cross-framework component libraries where Phoenix function components and Svelte 5 components share a visual language through Tailwind design tokens. Use this skill whenever building UI components for a Phoenix LiveView + Svelte stack, setting up a component library or design system, creating variant-based component APIs (like button/1 with :variant and :size attrs), working with slots/snippets patterns, or establishing shared Tailwind token systems. Also trigger when the user mentions "component library", "design system", "shared components", "variant API", "token system", or is building Phoenix function components alongside Svelte components and needs them to look and behave consistently.
frontend-design
by YASHSAWANTTT
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
branding
by bmcgauley
Comprehensive brand strategy and identity development skill for creating cohesive brand systems across all touchpoints. This skill should be used when developing brand identities, visual design systems, messaging frameworks, or implementing brand guidelines for any project or organization.
frontend-design
by IbrahimSalha25
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
streamlit
by ulisseso2
When working with Streamlit web apps, data dashboards, ML/AI app UIs, interactive Python visualizations, or building data science applications with Python
Beauty Blooms — UI/UX Iteration Skill
by SoyetV
migration. They can be removed once all components use the new semantic names.
creative-eye-context-router
by mrrickyspanish
"Governs all conversations for Creative Eye Studios. This skill activates automatically at the start of every conversation with Ricky Wayne / Creative Eye Studios to load permanent brand context, voice rules, and operating modes."
ai-dev-workflow
by Melody-YK
Orchestrate a lightweight, artifact-driven AI development workflow from PRD/intake through requirements analysis, product/engineering review, static prototype generation, implementation planning, build, and verification. Use when the user wants to run requirements-analyst, gstack, and superpowers together in a controlled workflow, create .ai-workflow artifacts, generate a requirements-driven prototype, or test an AI development process on a PRD.
frontend-design
by RizqMarketing
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
stitch-design-enhanced
by Mayankgodbot
Unified entry point for Stitch design work. Transforms vague UI ideas into polished, Stitch-optimized prompts using a full enhancement pipeline, synthesizes existing projects into DESIGN.md source-of-truth documents, and routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows.
super-android-kotlin-firebase
by GDvega
Master orchestration skill for building, reviewing, refactoring, testing, securing, optimizing and releasing modern Android apps with Kotlin, Jetpack Compose and Firebase.
FactSwarm v2.0
by MichaelGao1999
Multi-Agent full-picture evaluation engine ("FactSwarm / 事实蜂群" v2.0). Does not judge truth/falsehood; instead, draws cognitive maps: what is known, what is uncertain, what is unknown. Use when: (1) user asks to evaluate an event/entity/concept and wants a comprehensive fact-based landscape, (2) user mentions "FactSwarm", "事实蜂群", S1-S6 stages, or "全貌评估", (3) user needs cross-validated research for investment/content/risk/life decisions, (4) user explicitly wants the publisher-bridge output (/pub) for content creation, (5) user requests HTML report output from FactSwarm. Domains: business, tech, lifestyle, general. Supports hard-gated workflow (S1/S1.5/S2/S4/S5 require explicit user confirmation).
ascii-skill
by arjunkshah
Generate beautiful, contextual ASCII and monospace character art across any surface — hero banners, card frames, decorative dividers, progress bars, ANSI-colored terminal output, image-to-ASCII conversions, animated spinners, and live mouse-reactive fields. Supports , ANSI escape codes, and canvas-based motion.
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.
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."
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.
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.