设计
UI/UX 方向、视觉设计与设计系统
Luna - Your Energy Stylist
solozhangxiru
你的能量造型师闺蜜，用五行与生肖智慧，提供每日穿搭与能量建议。
hugo-template-guidance
zeon-studio
Use whenever you need to understand how this theme works — adding pages, managing content, configuring the site, using partials/components/modules, project architecture, scripts, or styling/theming (Tailwind v4, Bootstrap 5, or a hybrid — verify which). Use for ANY question about the structure, usage, or customization of the template or theme.
muapi-nano-banana
SamurAIGPT
Reasoning-driven image generation using structured creative briefs (Gemini 3 style) — generates high-fidelity images via muapi.ai with logic-based prompting
frontend-design
zhongjis
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.
bold
aimeos
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
flai
Zacherieunexceptional123
Install and use FlAI AI chat components in Flutter projects. Guides component selection, installation, theming, and provider setup.
mvp-preview
dev-goraebap
"빠른 MVP·프로토타입 제작과 링크 공유. Actions: MVP 만들기, 프로토타입, 빠르게 구현, 데모 페이지, 기능 시연, prototype, demo, quick build, 아이디어 구체화, 클라이언트 공유, 팀 공유, 링크 공유, 기획 검토. Phases: 토론, 발견, 범위 확정, discovery, 핵심 가치, 핵심 기능, 스택 선택. Share: vercel, surge, cloudflared, tunnel, 배포, deploy, 공유 링크."
remotion
realjaymes
Remotion video creation in React - dynamic concept catalog for video briefs, cold audience optimization, and technical best practices
project-108-design
NoobDude828
Use this skill to generate well-branded interfaces and assets for Project 108 (the 108 Jangchub Chortens initiative by Gelephu Mindfulness City Authority, Bhutan), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
frontend-design
ShintaroaSuzuki
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.
content-strategy
LeoYeAI
When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," "content planning," "editorial calendar," "content marketing," "content roadmap," "what content should I create," "blog topics," "content pillars," or "I don't know what to write." Use this whenever someone needs help deciding what content to produce, not just writing it. For writing individual pieces, see copywriting. For SEO-specific audits, see seo-audit. For social media content specifically, see social-content.
cate-theme
0-AI-UG
Author or edit a Cate IDE theme — one data-driven theme covering app chrome colors, the terminal ANSI palette, and Monaco editor syntax tokens. Use when the user asks to create, customize, recolor, or generate a Cate theme, mentions a color scheme (Dracula, Nord, "make Cate look like X"), or wants a new light/dark theme.
cross-examine
zebbern
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".
dependency-audit
mohitagw15856
"Audits project dependencies for security vulnerabilities, license compliance issues, outdated packages, and transitive dependency risk. Use when asked to audit dependencies, review package security, check license compliance, assess dependency health, or produce a vulnerability report. Produces a vulnerability findings table, license compliance matrix, update priority matrix, dependency health score, and 30-day remediation plan."
prototype
TimWongUp
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.
plan-devex-review
garrytan
Interactive developer experience plan review. (gstack)
codebase-visualizer
kbrdn1
Transforme un dépôt en carte d'architecture isométrique interactive (HTML autonome, thème Claude Dark), publiée en artifact — blocs dimensionnés aux vraies LOC, arêtes dérivées du graphe d'imports mesuré, points de données animés, drill-down "go inside", trace pas-à-pas, mode diff entre deux révisions, plus un dossier technique mesuré (couches, cycles de dépendances, hubs, manifestes, chaîne d'outils, CI, binaires appelés). Déclencheurs — "visualise ce codebase", "carte isométrique du repo", "atlas du codebase", "diagramme visuel de l'architecture", "codebase atlas", /me:codebase-visualizer. Sert aussi à mettre à jour ou étendre une carte existante. Pas pour un schéma de mécanisme isolé dans une réponse en prose (SVG inline), pas pour du Mermaid, pas pour une maquette d'UI produit.
xxd-panel-066
nevertoday
"Create XXD Panel 066 raster artwork from one image or a directory batch while treating the bundled original style brief as the sole aesthetic authority. Supports one or more top-bottom, left-right, design-only, and four-device wallpaper outputs; multiple ratios or exact sizes; prompt-generated, user-exact, or text-free typography; and inline parameters. Use when the user invokes xxd-panel-066 or requests the exact Panel 066 style."
product-onboarding-activation
realjaymes
"Designs complete onboarding, activation, retention, and expansion lifecycles for SaaS products. Use when the user mentions 'onboarding lifecycle,' 'activation strategy,' 'user onboarding,' 'time to value,' 'aha moment,' 'onboarding audit,' 'retention lifecycle,' or 'lifecycle design.'"
shape
educlopez
"Wireframe-first pass — outputs an ASCII layout + state list + content inventory + question list before any code. Use when starting a new screen from scratch or when the user's brief is still ambiguous. Invoke when the user asks for shape on their UI, or mentions 'shape' alongside design / UI / frontend work."
bc-gm-menu-build
joecastelino
The Blackstone Chevrolet & Cadillac (BC, Tekion dealer 1251) GM service-menu build project. Contains Joe's spec direction (clone the Blackstone Toyota architecture), the verified GMLOF oil-tier price audit, the parts-override plan for vehicle-correct GM parts, and open decisions. Load for ANY "GM menu", "BC menu build", "GMLOF", or Blackstone Chevrolet service menu work.
learn-crossover
Li-Evan
当用户学习或接触一个新概念/新技术/新算法/新领域时使用（尤其感到陌生或有点难时）。用「跨界原则」拿用户已掌握的知识快速撬动新知识——指出他其实已经学过的同一个东西（换了名字）、结构同构的旧知识、能解释新知识的已有知识，并点出新概念体现的跨领域元知识模式。让「学新东西」变成「发现你已经会了一半」。触发场景：学 X、接触 X、这个好难、X 是什么、帮我理解 X。
iarcania-design
HatachiElGuapo
Use this skill to generate well-branded interfaces and assets for IArcanIA, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
careerchief-design
Satsuma-Ventures
Use this skill to generate well-branded interfaces and assets for CareerChief, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.