设计
UI/UX 方向、视觉设计与设计系统
imgcli
geekjourneyx
"Use this skill to run imgcli for agent-native image processing tasks: image inspection, normalization and format conversion, fixed-layout card composition, recipe-driven workflow execution, multi-platform variant export, smart padding to platform presets, packaging images into PDFs with visible text watermarks, and vertically stitching images into long composites with machine-readable JSON output."
animate
paulbryantbaker-art
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
design-spec-extraction
Cygnusfear
Use when extracting design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures. Produces W3C DTCG-compliant JSON with component trees for code generation and developer handoff.
daemonstrate
wyofalcon
Generates and maintains two attractive dark-themed draw.io architecture diagrams for ANY project — a portfolio-facing overview (for recruiters) and a layered deep-dive (for collaborators, returning owners, or AI onboarding). Diff-based incremental updates keep token cost low after the first pass. Trigger this skill whenever the user asks to visualize, diagram, map, chart, or document their project architecture; wants to onboard a recruiter/collaborator/new teammate; mentions their diagrams are stale or missing; mentions draw.io / flowcharts / swimlanes / architecture diagrams; or when no docs/architecture-portfolio.drawio + docs/architecture-detailed.drawio pair exists in the current repo and the user is working on documentation, onboarding, portfolio, or repo cleanup tasks. Also trigger on explicit phrases like "Daemonstrate", "refresh the architecture diagrams", or "show what this project does".
frontend-design
matryohina-creator
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.
expo-to-figma
burhanusman
Capture Expo/React Native app screens and export them to Figma as editable designs. Handles web preview setup, SQLite mocking for web, and automated screen capture using Playwright and Figma MCP.
Walmart
imoonkey
```
to-tickets
VoDaiLocz
Break a plan, spec, or the current conversation into a set of tracer-bullet tickets, each declaring its blocking edges, published to the configured tracker (edges as text in one file per ticket locally, or native blocking links on a real tracker).
gingiris-seo-geo
Gingiris-1031
🇺🇸 SEO & GEO Dual-Engine Playbook 2026 — Rank on Google AND get cited by AI search (ChatGPT, Perplexity, Claude, Gemini). Battle-tested from AFFiNE (60k GitHub stars in 24 months) and 150+ AI startup consultations. E-E-A-T writing voice system, keyword funnel strategy, JSON-LD schema templates, comparison page SOP, IndexNow setup, Generative Engine Optimization content patterns. Optimized for dev tools / OSS / B2B SaaS. 2C products (education, apps, games): see 2c-adaptation guide in references/. 🇨🇳 SEO & GEO 双引擎增长手册 —— 同时拿下 Google 排名和 AI 搜索引用（ChatGPT、Perplexity、Claude、文心一言）的完整方法论。AFFiNE 60k stars 与 150+ AI 创业公司咨询实战验证。E-E-A-T 写作声音系统、关键词漏斗、JSON-LD 结构化数据、竞品对比页 SOP、IndexNow 推送、生成式引擎优化内容模式。默认适用于开发者工具 / 开源项目 / B2B SaaS，2C 产品（教育/应用/游戏）请参考 references/2c-adaptation.md。 🇯🇵 SEO & GEO デュアルエンジングロースプレイブック — Google検索とAI検索（ChatGPT、Perplexity、Claude）の両方で評価される手法。AFFiNE 60k starsと150社以上のAIスタートアップコンサルティングで検証。E-E-A-Tライティング、キーワードファネル、Schema.org構造化データ、比較ページSOP。デフォルトは開発者ツール／OSS／B2B SaaS向け。2C製品（教育・アプリ・ゲーム）はreferences/2c-adaptation.mdを参照。 🇰🇷 SEO & GEO 듀얼 엔진 성장 플레이북 — 구글 검색과 AI 검색(ChatGPT, Perplexity, Claude) 양쪽 모두에서 인용되는 방법론. AFFiNE 60k 스타와 150+ AI 스타트업 컨설팅으로 검증. E-E-A-T 글쓰기, 키워드 퍼널, Schema.org 구조화 데이터, 비교 페이지 SOP. 기본값은 개발자 도구/OSS/B2B SaaS용. 2C 제품(교육·앱·게임)은 references/2c-adaptation.md 참조. Triggers: "SEO" "GEO" "Generative Engine Optimization" "AI search optimization" "ChatGPT SEO" "Perplexity SEO" "Claude SEO" "search optimization" "content SEO" "technical SEO" "schema markup" "JSON-LD" "structured data" "IndexNow" "E-E-A-T" "keyword strategy" "keyword funnel" "comparison page" "programmatic SEO" "SaaS SEO" "搜索优化" "AI 搜索" "内容 SEO" "GEO 优化" "生成式引擎优化"
json-canvas
zqm0779
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
ui-ux-pro-max
yuanxiao0115
"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."
lingji-forge-design
xiongchenyu6
Use this skill to generate well-branded interfaces and assets for 灵机阁 Lingji Forge (面向中国创作者的 AI 游戏素材生成平台), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. Visual style is 仙侠国风/炼器阁 (Eastern-fantasy forge), dark-first, gold + jade on ink — but content capability is 万象/all-genre, never only 仙侠.
Venkat Teja Portfolio - Premium UI Skill
venkattejaa
Smooth 60fps animations only
free-tool-strategy
LeoYeAI
When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," "free resource," "ROI calculator," "grader tool," "audit tool," "should I build a free tool," or "tools for lead gen." Use this whenever someone wants to build something useful and give it away to attract leads or earn links. For downloadable content lead magnets (ebooks, checklists, templates), see lead-magnets.
ux-copy
srobroek
"Writes or reviews UX copy: microcopy, error messages, empty states, CTAs. Triggers on write copy for or what should this button say."
tresmares-design
LuisAyalaP
Use this skill to generate well-branded interfaces and assets for Tresmares Capital, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
butlers-redesign-prompt
Tzeusy
Orchestrate a UX redesign of a Butlers dashboard page (or sub-page set) using /project-direction as the spec+beads engine, with redesign-specific upfront phases for vision capture, asset ingestion, impact analysis, backend-contract derivation, LLM-cost feasibility, manifesto/identity preservation, and a th-design design-bar audit. The binding design language is the Dispatch spec (openspec/specs/dashboard-design-language/spec.md); bundles live under pr/overview/ and resolve via references/bundle-registry.md. Use when asked to redesign a dashboard page, with or without a Claude Design bundle. Triggers on "redesign the X page", "plan the Y redesign", "integrate the redesign bundle", "what would it take to ship the SLUG redesign", "design language integration for AREA".
review
mag123c
Multi-agent code review for Rust CLI/TUI. UX Review inactive (terminal UI — no web frontend). Code Review only. Includes Rust/clippy-specific checklist.
public-web-census
KayZhongyi
Collect, refresh, compare, validate, and analyze publicly visible web and social data as versioned, traceable evidence. Supports repeatable workspaces, SQLite observation history, portable CSV/JSON snapshots, TikTok profiles and selected conversations, Facebook Page posts, YouTube metadata and selected comments, LinkedIn company or personal-profile posts, multilingual analysis, and evidence-linked handoffs. Use for competitor research, market entry, owned-channel monitoring, customer voice, content strategy, presales evidence, or product and service feedback when an Agent must reduce hallucination risk by preserving sources, stable IDs, scope, update history, and the boundary between raw evidence and conclusions.
tazkia-design
galihsidik86
Use this skill to generate well-branded interfaces and assets for STMIK Tazkia's SIAKAD (academic information system), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
ss-studio
bitjaru
Turn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI prototype, and a verified prototype-first showcase reel. Use for client concepts, app interaction exploration, trendy but coherent UI direction, reference discovery and synthesis, or any request that needs more than one static screen.
ui-lego
983033995
Compose frontend from proven UI blocks instead of inventing from a blank canvas. Use whenever you build or restyle pages, dashboards, landing pages, AI-product chrome (chat, thinking, streaming, approvals, tool calls), or any interface that would otherwise look like generic "AI slop". Encodes the Lego workflow from public agent-UI practice plus reverse-engineered recipes from Beautiful UI, AICSS, AI Elements, beUI, Rare UI, transitions.dev, shadcn, ReUI, Kibo, Magic UI, Aceternity, ThreeUI, and related registries. Triggers on "frontend", "UI", "looks like AI", "slop", "polish", "landing", "dashboard", "chat UI", "agent UI", "component library", "make it look good", "design system", "Y2K", "lookbook", "campaign", "product explorer", "three.js", "WebGL", "shader", "3D hero".
html-ppt-zhangzara-coral
nexu-io
OpenDesign's community-growth campaign across GitHub, Discord, and X: the loops, the content calendar, and the pipeline math. Built as a decision-grade marketing & GTM deck for growth team, community lead.
excalidraw-diagram
kbrdn1
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.