设计
UI/UX 方向、视觉设计与设计系统
horror-design
Jv1337x
恐怖类型视觉设计预设。触发词：恐怖、鬼、怪物、惊悚、灵异、凶宅、丧尸。本 Skill 仅供应可观察的镜头、色彩、空间、动作、材质、连续性参数，输出 style_route 与 style_module。
web-design-director
Jv1337x
Senior design-director workflow for distinctive, production-grade web products that unifies visual identity, information architecture, UX, responsive behavior, accessibility, frontend architecture, performance, and implementation quality. Use whenever the user mentions webpage or website design, UI, UX, interface layout, frontend visual design, design systems, responsive pages, dashboards, workbenches, asset libraries, landing pages, component styling, visual redesign, interaction or motion design, accessibility, UI review, or asks to build, improve, audit, or judge any web interface. Also trigger on Chinese requests containing 网页设计、网站设计、页面设计、界面设计、UI、UX、布局、前端、美化、视觉改版、设计系统、响应式、工作台、控制台、资产库 or similar language.
epic-design
Jv1337x
史诗类型视觉设计预设。触发词：史诗、宏大、全景、奇观、帝国、王朝。本 Skill 仅供应可观察的镜头、色彩、空间、动作、材质、连续性参数，输出 style_route 与 style_module。
hard-sci-fi-visual-director
Jv1337x
Script-first visual direction for original hard-science-fiction worlds, scenes, film stills, visual bibles, CONTACT-SHEET batches, nonhuman organisms and alien ecologies, mecha, megafauna, future equipment, weapons, cockpits, and future UI/HMI. Separate screenplay facts, necessary inferences, open design gaps, and reversible proposals; research current authoritative science, industry, human factors, and production evidence only after source analysis and before any design-changing inference; then derive world, environment, style, color, camera, production layers, engineering, story legibility, and continuity from the current script and approved project locks. Use for 硬核科幻、未来科幻、科幻场景、科幻世界观视觉化、外星生命、非人生命、异星生态、前沿科研与工业科幻概念、硬科幻设计灵感、科幻视觉圣经、科幻风格色彩、科幻环境设计、CONTACT-SHEET、原创机甲与巨兽、驾驶舱、未来界面、FUI/HMI、未来武器装备、科幻真人电影质感、科幻大片想象力、硬科幻提示词诊断、科幻审美回测或科幻直接出图. Do not use for franchise copying, actionable weapon construction, or generic style imitation.
starlight-web-production
frankxai
Direct, build, redesign, or audit high-value websites, landing pages, product UI, design systems, and web releases for FrankX, Starlight, Arcanea, GenCreator, Agentic Income, Reality Architect, or the related portfolio. Use for web work where reference research, original art direction, component and motion selection, responsive implementation, and production proof matter; do not use for backend-only changes.
frontend-design
roman-16
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.
deft-directive-issue-eval
deftai
Thin router for Stage A issue evaluation: isolated origin/master validity, parent WIP census, named gitignored sink. Use when the operator asks to evaluate issues, run issue-eval, or triage:evaluate. Do NOT trigger on ordinary implement, build, swarm, or design-critique dispatch.
deft-directive-design-critique
deftai
Thin router for the design-critique motion: triggers and pointer stops into the contract, including the operator-gated loop. Use when the operator asks for a design critique, design-critique, critique panel, or mechanism-shaped triage. Do NOT trigger on ordinary implement, build, or swarm work.
checkout-customization
dragnoir
Customize Shopify checkout with UI extensions and functions. Use this skill for building checkout UI extensions, adding custom fields, implementing payment customizations, creating post-purchase experiences, and extending customer accounts. Covers Checkout UI Extensions API and checkout branding.
make-slide — AI Presentation Skill
Kuneosu
Skill version: 1.0 Repository: kuneosu/make-slide
xxd-panel-072
nevertoday
"Create XXD Panel 072 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-072 or requests the exact Panel 072 style."
design-tokens
dylanfeltus
Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, or building a Tailwind/CSS theme. Outputs CSS custom properties, Tailwind config, or JSON tokens.
builtin-cyberpunk-design
ashmoonori-afk
Use this bundled Cyberpunk theme to create token-driven interfaces and visual artifacts.
lit-and-figma
rodydavis
Learn how to create a Figma plugin using Lit web components, including project setup, component creation, WASM integration, and building the final plugin for use in Figma.
deep-linking-for-flutter-web
rodydavis
Learn how to implement proper URL navigation in your Flutter application, including deep linking to specific pages, handling protected routes, and creating custom transitions for a seamless user experience.
squig
musterd-io
Wireframe with the team on one Squig canvas. Use when a member wants a page, a layout, a wireframe, or a change to the shared drawing before any production code.
slide-writer
FeeiCN
把想法、大纲、文档或草稿变成结构清晰、设计精良的企业级 HTML 演示文稿。
magic-slide
daniel-style
Generate a self-contained HTML presentation with Magic Move transitions. Use when the user wants to create a slideshow, presentation, or slide deck from a topic or outline, or invokes magic-slide preview to start the preview server.
ThumbGate Brand Voice
IgorGanapolsky
Make any ThumbGate-facing copy — landing/pricing/compare/guide pages, README, postinstall banners, CLI receipts, Reddit/LinkedIn/Bluesky/Threads posts, docs, outreach drafts, blog/launch content — sound like ThumbGate: direct, technical, honest, anti-hype. Use BEFORE writing or editing customer-facing or marketing text, and when the user says "write a landing page", "draft a Reddit/LinkedIn post", "write the README", "make this on-brand", "punch up this copy", or "review this copy for voice". Do NOT use for code comments, commit messages, internal notes, or non-ThumbGate copy — and never to add fabricated traction or unsupported claims (honesty is the brand).
derive-instead-of-transcribing
brcampidelli
Anything copied by hand from another file is correct exactly once. If it can be generated, generate it and fail the build when the copy is stale.
creating-presentations
aaronvanston
Create bold, minimal slide decks and investor pitch decks. Covers the full presentation workflow including narrative structure, slide copywriting, visual design (typography, layouts, section colors), speaker notes, and async-readable pitch decks. Supports dark and light themes. Use when asked to "create a presentation", "outline a deck", "write slides about...", "design a talk on...", "build a pitch deck", "investor presentation", "help me with my talk", "draft slide content", "write speaker notes", or any task involving planning, structuring, writing, designing, or preparing a slide deck for live presenting or standalone distribution.
travel-memory-card-duo
carolinaaafy
"Transform one user-supplied travel, street, landscape, lifestyle, portrait, or pet photo into a coordinated two-image deliverable: one complete horizontal collectible travel memory card and one separate transparent-background PNG containing the exact same six die-cut sticker motifs. Use when Codex needs to P图, stylize a photo as a tactile gouache/cut-paper memory card, provide reusable transparent stickers, make a sticker pack or sticker sheet, or deliver both a finished card and transparent PNG assets. Preserve recognition through one source-derived identification anchor; never retain unintended photography, incidental text, signatures, or watermarks."
geo-site-diagnose
yaojingang
Crawl one public website from a supplied URL, select up to ten representative page types, score evidence-lined GEO readiness, and generate a standalone visual HTML report. Use for 网站 GEO 诊断、全站 GEO 体检、网站 GEO 审计, or requests such as “帮我诊断网站GEO并附上网址”. Excludes single-page or brand-only diagnosis, live AI ranking or citation measurement, authenticated sites, and website modification.
geo
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.