Design
UI/UX direction, visual design, and design systems
html-ppt-zhangzara-biennale-yellow
by nexu-io
A curatorial deck for a contemporary art biennale — the thesis, the rooms, the works, and the visitor journey. Built as a decision-grade design craft deck for museum board, curators.
ecommerce-email-marketing-builder
by nexscope-ai
"E-commerce email marketing system builder. Creates complete email automation flows with full copywriting, subject lines, ESP setup instructions, segmentation rules, and annual campaign calendars. Generates copy-paste-ready email sequences for Klaviyo, Omnisend, Mailchimp, or any ESP. Covers welcome series, cart abandonment, browse abandonment, post-purchase, review requests, cross-sell, win-back, VIP/loyalty, replenishment, and sunset flows. Includes A/B test subject line variants, send timing, trigger conditions, branching logic, and seasonal campaign calendar. No API key required. Use when: (1) setting up email marketing for an e-commerce store, (2) writing email sequences and flows, (3) planning seasonal email campaigns."
msyx-design-system
by msyx-dev
msyx Design System — usage rules, tokens, canonical pages, prompts. Invoke when working on a msyx project to enforce design conventions.
muapi-seedance-2
by SamurAIGPT
Expert Cinema Director skill for Seedance 2.0 (ByteDance) — high-fidelity video generation across Chinese, Global, and VIP tiers. Supports text-to-video, image-to-video, first-last-frame, omni reference, character training, omni-reference training, video editing, and watermark removal.
slideshow
by heygen-com
Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.
banjar-sental-kawan
by banjar-sental-kawan
Official page for Krama Banjar Sental kawan
banner-repo
by kbrdn1
Génère une bannière promo de repo (PNG dark + light) au thème "Claude Dark" — générique et adaptable au repo (wordmark, tagline, features, install, + un motif à droite : graphe de branches intégré ou HTML/SVG custom). Pour le haut de README d'un projet. Déclencheurs : "bannière repo", "banniere projet", "repo banner", "promo repo", "banner readme projet", /me:banner-repo.
understand-figma
by Egonex-AI
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.
expo-boilerplate
by emirrtopaloglu
Interactive Expo project bootstrapper. Use when a user wants to start a new Expo/React Native project from scratch and needs help making architecture decisions and setting up the project structure. This skill guides the user through 15 decision categories (project basics, folder structure, design system, state management, navigation, API/network, libraries, authentication, CI/CD, testing, code standards, performance, security, analytics, offline-first) by asking targeted questions, then scaffolds the complete project structure so the user can immediately start adding features. Triggers on: "new expo project", "expo boilerplate", "start expo app", "expo setup", "bootstrap expo", "expo initialization", "from scratch expo", "setup expo architecture".
data-visualization-principles
by Hack23
Chart selection, color theory, dashboard design, and data storytelling principles for political transparency data
asciivideo
by Rudigerwry263
Generate command-line / terminal-style animated videos built entirely from characters - arrange ASCII & keyboard symbols into text, creatures, mascots, logos and borders on a black phosphor-glow canvas, then render deterministically to MP4. Ships a Python engine (charvid) with a scene timeline; element types (block-letter banners, ASCII-art sprites, loading bars, particle fields, decorative borders, symbol grids, timers); entrance animations (typewriter, scatter-assemble, scramble-decode, wipe, fade, slide); idle motion (blink, bob, flicker, drift); a terminal-green / white / orange / blue palette; and an ffmpeg renderer. Use when the user asks for an ASCII / character / 字符 animation, a terminal or CLI-aesthetic video, kinetic ASCII art, a symbol-built logo or mascot, a "code-feel" 代码感 visual, or wants to turn text / a figure / a logo into a glowing character-grid animation.
component-family-consistency
by youlianvr
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share
storytelling-framework
by realjaymes
"Builds a complete product or brand storytelling framework, adaptable to B2B, B2C, and hybrid businesses. Use when the user wants a 'storytelling framework,' 'brand story,' 'product story,' 'customer story,' 'narrative framework,' 'story framework,' asks to 'tell our story,' or references StoryBrand, the Hero's Journey, or a strategic narrative for a pitch/webinar/case study."
html-ppt-zhangzara-editorial-tri-tone
by nexu-io
A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit. Built as a decision-grade design craft deck for editorial & design team.
tailwind-guidelines
by peixotorms
Use when writing, reviewing, or refactoring Tailwind CSS code. Covers tailwind, tailwindcss, utility classes, responsive design, dark mode, CSS, frontend, className, tw-merge, clsx, color system, typography, spacing, borders, rings, outlines, state variants, hover, focus, focus-visible, group-hover, data attributes, container queries, breakpoints, mobile-first, text-pretty, text-balance, opacity modifiers, @theme directive, @utility, Tailwind v4 CSS-first configuration, and common anti-patterns.
sofa-v3
by blinds123
Builds a complete DTC landing page using mechanism-first angle discovery, 4-specialist council copy, ENGAGE/FIBS/3-Secrets frameworks, vault-anchored writing, and the real anchor-template build system.
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."
E-Commerce Subscription Model
by nexscope-ai
Built by Nexscope — AI-powered e-commerce tools for sellers worldwide.
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, 消费分析, 账单可视化.
ui-ux-pro-max
by curiositech
prefers-reduced-motion respected
mermaid-to-svg
by handlename
Turn a mermaid diagram into a hand-drawn free-layout SVG image file and return its path. Pure and offline — it draws an SVG following GitHub Primer-ish style rules but does NOT render via mermaid-cli, upload anything, or embed the result. Designed to be called from other skills (e.g. plan-to-issue, create-pr) through a subagent whose only return value is the SVG file path on success or a failure reason on failure, then paired with github-attachment-upload to publish it. Use when a mermaid diagram should be presented as a freely laid out image. Triggers include "mermaidを自由レイアウトのSVGにして", "hand-draw this mermaid as an SVG", "generate a free-layout SVG for this mermaid".
estate
by aimeos
Editorial property theme with image-led layouts, crisp typography, a restrained red accent, and clear property discovery and contact paths.
editorial-qa
by rampstackco
"Pre-publish QA framework for content. Brief adherence, voice consistency, fact accuracy, structure and clarity, AI-content audit, SEO and AEO compliance, internal linking and schema validation, QA at scale via sampling, the QA workflow, and the discipline that distinguishes catch-problems QA from checkbox QA. Triggers on editorial QA, content review, pre-publish review, content audit, content QA process, AI-content audit, hallucination check, content sampling, programmatic QA, voice consistency check, brief adherence check. Also triggers when a content team is shipping sloppy work, when AI-co-authored content is reaching publish unaudited, when a QA process burns reviewers out, or when a programmatic SEO set needs sampling discipline. On a voice consistency check, this skill owns checking a draft against an existing voice system at the publish gate; use brand-voice when the voice system itself needs defining or documenting."
learn-deep
by Li-Evan
用户学任何新概念/新技术/新理论的默认深度入口——一次性用五个视角把概念讲透并帮他选深入方向：crossover 用已会的撬动、occam 框定该学多深、graph 建知识地图、prototype 最小原型迭代、feynman 拷问检验。触发场景：我想学 X、理解 X、X 是什么、讲讲 X、搞懂 X、学一下 X、深入 X、给我讲讲 X。除非用户明确只要某一个视角（那时改用对应的单个 learn-* skill）。