设计
UI/UX 方向、视觉设计与设计系统
company-research
chezou
Research a company a candidate is applying to or interviewing with, and produce a one-page brief covering what the company does, how it makes money, the shape of the team, warning signs, and interview preparation. Use this when the user names a company they are applying to, asks "what should I know about X before my interview", asks whether a company is worth applying to, wants questions to ask an interviewer, or is preparing for a specific interview round. Pairs with resume-tailor, which handles the application documents themselves. Do not use this for competitive analysis, investment research, or vendor due diligence.
data-visualization
anavvanzin
Create effective data visualizations with Python (matplotlib, seaborn, plotly). Use when building charts, choosing the right chart type for a dataset, creating publication-quality figures, or applying design principles like accessibility and color theory.
agentic-coding-ux-designer
curiositech
Design low-friction UX, interaction patterns, and comeback loops for AI coding assistant apps, agent consoles, background coding agents, and Port Daddy swarm/operator surfaces. Use when creating flows like prompt-to-diff, context attach, plan/apply/review, checkpoint rollback, background-agent dashboards, visual proof, or multi-agent invocation. NOT for generic landing pages, static dashboards, or implementation-only changes without product flow.
morandi-cinematic-poster-zeejay
Zeejay0
"Transform a user-supplied personal photograph into a source-faithful, typography-driven Morandi cinematic poster without stars or decorative collage symbols. Use film-poster title design, optional poetic byline and tagline, atmospheric metadata, optional fictional credits, intentional negative-space placement, perspective alignment, and selective subject occlusion. Use for architecture, travel, street, skyline, landmark, portrait, or lifestyle photographs when the user wants movie-poster mood and hierarchy without needing a real film, cast, director, studio, award, or release campaign."
frontend-design
pm-minji
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboards, or frontend applications.
nlm-to-editable-pptx
Laggom
Use when the user has an image-based / non-editable PPTX or PDF (especially exported from NotebookLM, or any "scanned" deck where the slides are full-page pictures with no selectable text) and wants it converted into an editable PowerPoint with real, editable text boxes. Trigger this whenever the user mentions NotebookLM slides, "make this PPT editable", "the text isn't selectable", "convert this PDF deck to editable slides", Korean slide OCR, or rebuilding a deck so the text can be edited — even if they don't say the word "skill". Works on Windows/macOS/Linux and is portable to Databricks.
remotion-ref-replay
Sma1lboy
已并入 brand-video(兼容别名)。参考录屏→真机捕获→Remotion 重建的方法(storyboard 纪律、捕获管线、舞台相机权重算法、speed cut)现在是 brand-video 的分析+捕获模块。触发本 skill 时直接加载 brand-video 及其 references/replay-capture.md。
photo-revival
dacnay816y62-hub
Turn ordinary photos or everyday snapshots into poetic hand-drawn illustrations with large white-paper negative space, vivid localized color, subtle collage accents, and tiny handwritten captions. Use when a user wants a real photo reimagined as an illustration rather than filtered, beautified, or photorealistically edited.
deep-brand
hozaifa-fazari
"Deep Brand & Identity Extractor — run a guided 2-questions-per-turn strategist interview, then produce a decision-grade brand document. Use for: 'brand strategy', 'brand guidelines', 'brand book', 'brand identity', 'visual identity', 'design system', 'design tokens', 'art direction', 'personal brand', 'personal branding', 'portfolio site', 'positioning', 'tone of voice', 'client targeting', 'ideal client', 'pricing plan', 'client intake', 'onboarding questionnaire', 'brand interview', 'moodboard direction', 'هوية بصرية', 'براند', 'دليل الهوية'. Also when the user says /deep-brand, 'extract my brand', or hands over a client to be interviewed. Do NOT use to execute production work — this skill produces the specification, not the deliverable."
figma-diagram-design
stoodiohq
Apply professional color theming to Figma diagrams (flowcharts, decision trees, sequence diagrams, state diagrams, gantt charts). Use this skill whenever creating diagrams with the Figma:generate_diagram tool. Automatically assigns distinct colors to top-level branches, with child nodes inheriting their parent branch's color family for clear visual hierarchy.
frontend-design
KrikINS
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.
pix
CoRLab-Tech
Launches an autonomous, pixel-perfect UI implementation loop using Figma MCP and Chrome.
elaine-narcizo-ponte-design
danielmfraga
Use this skill to generate well-branded interfaces and assets for Elaine Narcizo's PONTE methodology — a Brazilian Portuguese life-project workshop. Use it for production prototypes, throwaway mocks, slides, documents, or any visual artifact that should feel warm, contemplative, hand-made, and rooted in the PONTE pedagogy (Presente · Futuro · Ponte). Contains essential design guidelines, colors, type, fonts, assets, and a UI kit recreation of the guided workshop experience.
performance-optimization
addyosmani
Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
beautiful-gui-design
curiositech
Design and build beautiful, accessible graphical interfaces — web, desktop (Electron/Tauri), and native (iOS/macOS/Android). Use for visual hierarchy and layout, color and theming (light/dark, semantic tokens, WCAG contrast), typography systems, motion and micro-interactions, accessibility, component systems and design tokens, responsive/adaptive layout, and platform-native idioms. The GUI counterpart to beautiful-cli-design. NOT for terminal/CLI output (use beautiful-cli-design) or API/data schemas.
frontend-design
victor604
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.
data-display-and-selection
youlianvr
Complex data deserves multiple view modes — grid, list, table — chosen by the user based on their task. Row and
hardware-saas-gtm
Gingiris-1031
🇺🇸 Hardware + SaaS GTM Playbook — End-to-end go-to-market for consumer hardware products with software subscription models. Covers crowdfunding engineering (Kickstarter/Indiegogo/Makuake), KOL matrix for physical products, hardware PMF validation metrics, device-as-funnel subscription design, localization entry timing, and community flywheel mechanics. Built from verified Plaud, Insta360, and DJI case data. 🇨🇳 硬件+软件订阅 GTM 实操手册 — 面向消费硬件产品的完整出海及增长打法。覆盖众筹超额工程（KS/IGG/Makuake）、硬件 KOL 矩阵策略、硬件 PMF 验证、设备即漏斗订阅设计、本地化进入时机判断、社区飞轮构建。基于 Plaud/Insta360/大疆真实案例数据撰写。 🇯🇵 ハードウェア＋SaaS GTMプレイブック — クラウドファンディング（Kickstarter/IGG/Makuake）を起点とした消費者向けハードウェア製品のGTM戦略。KOLマトリクス、PMF検証、デバイスをファネルとするサブスクリプション設計、ローカライゼーション進入タイミング、コミュニティフライホイールまで網羅。Plaud・Insta360・DJIの実例データに基づく。 🇰🇷 하드웨어+SaaS GTM 플레이북 — 크라우드펀딩(Kickstarter/IGG/Makuake) 기반 소비자 하드웨어 제품의 엔드투엔드 GTM 전략. KOL 매트릭스, PMF 검증, 디바이스-as-퍼널 구독 설계, 현지화 진입 타이밍, 커뮤니티 플라이휠 포함. Plaud·Insta360·DJI 실제 사례 데이터 기반. Triggers: "hardware GTM" "crowdfunding strategy" "hardware+SaaS" "Kickstarter launch" "hardware KOL" "hardware PMF" "device subscription" "hardware product launch" "consumer hardware growth" "Makuake" "众筹策略" "硬件出海" "硬件+订阅" "硬件GTM" "KS众筹" "硬件PMF" "设备订阅" "硬件冷启动" "ハードウェアGTM" "クラファン" "하드웨어 GTM" "크라우드펀딩"
apify-ultimate-scraper
youlianvr
Universal AI-powered web scraper for any platform. Scrape data from Instagram, Facebook, TikTok, YouTube, LinkedIn, X/Twitter, Google Maps, Google Search, Google Trends, Reddit, Airbnb, Yelp, and 15+ more platforms. Use for lead generation, brand monitoring, competitor analysis, influencer discovery, trend research, content analytics, audience analysis, review analysis, SEO intelligence, recruitment, or any data extraction task.
electron
vercel-labs
Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.
comparison-tool-design
rampstackco
"Designing side-by-side comparison tools (plan-compare, product-compare, alternative-compare) that help users decide rather than just listing features. Axis selection, default-comparison logic, recommendation discipline. Honest about feature-list-dump (every feature in a row, no decision support), hidden-recommendation (biased comparison pretending to be neutral), and honest-comparison-with-guidance (genuine comparison plus opinionated recommendation) patterns. Triggers on comparison tool, plan compare, product compare, alternative compare, vs page, decision support tool. Also triggers when conversion through comparison stages is poor, when users are abandoning at the comparison step, or when a comparison tool is being scoped for the first time."
paper
Wahba475
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
iptvnator-ui-design
tomevault-io
Repository-specific UI design guidance for IPTVnator channel rows, EPG views, settings surfaces, shared selection styles, and light/dark theme consistency. Use when this capability is needed.
design-to-vanilla
drawwords12-bit
제공된 피그마 디자인을 기존 뱅크샐러드 HTML, CSS, JavaScript 프로젝트로 정확하게 구현하거나 수정할 때 사용합니다.