Design
UI/UX direction, visual design, and design systems
impreza-wpbakery-dev
by lavderenterprise
"Use this skill for WordPress development with Impreza theme and WPBakery Page Builder. Triggers include: converting designs (described, visual, or Figma) to WordPress/Impreza code, creating WPBakery shortcodes, building Impreza pages, implementing responsive layouts, customizing Impreza elements, or any WordPress development task using the Impreza theme with WPBakery. Essential for producing copy-paste ready code that works seamlessly with Impreza theme structure."
frontend-design
by ykhier
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.
arcade-prototyper
by asundiev-devrev
"DevRev Prototyper: Build interactive HTML prototypes with DevRev's design system (Arcade & DevRev App themes), Chip fonts, and Figma integration. Designed for designers — no technical knowledge required."
ui-kaboom
by aranx-ai
"Design beautiful and functional user interfaces for web applications. Use this skill when the user asks to design, build, review, or improve the visual design of web UI — including layout, typography, color, hierarchy, spacing, depth, images, and finishing touches. Applies practical, systematic design principles with Tailwind CSS."
design-system
by biruk741
Create a project-specific UI component library and design tokens. Builds on top of shadcn/ui or similar component primitives, customized to match the product's aesthetic vision. Produces reusable components that all developers import for visual consistency. Use when the team needs to establish the visual language, create reusable UI components, define colors/typography/spacing, or when someone says "make it look good", "set up the design system", "create reusable components", or "define the aesthetic".
bd-artes-impressoes-design
by eduardushenrique-create
Use this skill to generate well-branded interfaces and assets for B&D Artes & Impressões, a Brazilian 3D-printed gifts e-commerce. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
qiaomu-design-advisor
by shockey0328
偏执型设计顾问 — Jobs 式产品直觉 + Rams 式功能纯粹主义。重新设计页面、审视 UI 方案、优化交互体验时使用。 触发词："重新设计"、"redesign"、"优化界面"、"优化交互"、"设计方案"、"UI 审查"、"这个页面不行"、"界面不好看"、"帮我看看设计"、"设计建议"、"/design-advisor"。 适用于：(1) 页面/组件重新设计 (2) UI/UX 方案评审 (3) 交互逻辑优化 (4) 视觉系统建立 (5) 设计决策咨询。 与 design-taste-frontend 的区别：design-taste-frontend 是技术执行规范（色值、间距、动画参数），本 skill 是设计思维方法论（如何思考、如何决策、如何交付方案）。两者互补，可同时使用。
devmind-core
by Nyanlin95
Unified developer assistant for codebase analysis, database mapping, and persistent memory.
ADVANCED LANDING PAGE DESIGN SYSTEM
by alexandre456480-bit
Sistema avançado para criação de landing pages premium com foco em UI/UX moderno, fake 3D, glassmorphism, animações fluidas e estética profissional baseada em paleta verde orgânica.
geo-seo-aeo-master
by dudumendonca84
Canonical destaque.ai knowledge base for GEO (Generative Engine Optimization), AEO (Answer Engine Optimization) and classical SEO, focused on B2B SaaS in Portugal. Use when answering questions about how content surfaces in ChatGPT, Claude, Perplexity, Google AI Overviews/AI Mode, Bing Copilot or Gemini; when scoping or producing a technical SEO/GEO audit; when choosing tools (Profound, Peec AI, Otterly, Ahrefs Brand Radar, Semrush AI Toolkit, Surfer); when interpreting metrics (citation rate, share of voice, AI-attributed traffic); when evaluating Schema.org coverage, llms.txt, robots.txt for AI crawlers (GPTBot, ClaudeBot, OAI-SearchBot, PerplexityBot, Google-Extended); when discussing E-E-A-T or the Princeton GEO paper. Self-updating daily via daily-agent/news-feed.md.
wireframer
by agilek
'Use this skill to generate a wireframe, mockup, or low-fidelity clickable prototype of any web UI. Invoke whenever the user mentions wireframing, mocking up, prototyping, or sketching out a UI — including phrases like "lo-fi prototype", "rough layout", "Balsamiq-style", "hand-drawn UI", "clickable prototype", "sketch the screens", "visualize the flow", or "show what the app would look like". Also use when the user wants to ideate before writing production code, prepare a concept for stakeholders, run a design sprint, or asks about react-doodle-icons. Produces a self-contained SPA with sketchy hand-drawn aesthetics: wired-elements interactive components, graph-paper background, and doodle icons.'
temporal-brand
by jburns24
Applies Temporal's official brand colors, logo variants, and visual identity to any artifact. Use this skill whenever creating UI code, presentations, diagrams, or any content following Temporal brand guidelines. Also use it when the user asks about Temporal brand colors (#444CE7 UV purple, #141414 Space Black, #F8FAFC Off White), the Temporal logo, Temporal branding, dark/light mode theming, or visual style.
russian-text-quality
by Axelendometrial4386
Use when reviewing or writing code that contains Russian-language UI strings, i18n locale files (ru.json, ru.yml, ru.po), Russian comments, or transliterated identifiers (polzovatel, tovar, kolichestvo). Triggers on mixed English-code + Russian-content projects. Does not cover typography, spelling, or ё/е.
frontend
by Lynricsy
Frontend UI/UX Engineer for interface design and implementation. Use when: creating UI components, styling, animations, responsive design, or UI review. 前端/UI 专家，设计师型开发者，关注间距、色彩、微交互。
sap-btp-build-work-zone-advanced
by dherbe-digital
Develops and administers SAP Build Work Zone, advanced edition digital workplace solutions. Use when creating workspaces, workpages, and collaborative sites, developing UI Integration Cards in SAP Business Application Studio, building content packages and workspace templates, integrating with Microsoft 365/Teams/SharePoint/Google Drive, configuring chatbots and webhooks, implementing SCIM API user provisioning, setting up OData business records, managing themes and branding, configuring role-based access and SSO, troubleshooting deployment issues, or working with the Administration Console. Keywords: SAP Build Work Zone advanced edition, digital workplace, UI Integration Cards, content packages, workspace templates, SAP Business Application Studio, SAP Conversational AI, SCIM API, OData, Microsoft Teams integration, SSO, theming, Administration Console
share--markdown
by alankyshum
Generate a shareable URL for markdown content. Encodes markdown (with mermaid charts, mind maps, gantt charts, interactive tables, pie/bar/line charts, interactive multi-day maps, code blocks, GFM tables, task lists) into a short URL backed by Cloudflare KV (or URL fragment for offline use). The viewer is a Cloudflare Pages SPA with system light/dark theme, OG/Twitter card metadata for rich link previews on social media and Telegram, a floating "Add to LLM" selection menu, build-time lint, and edit-existing support. Use whenever the user wants to share markdown, send a markdown link, make markdown viewable or shareable, render markdown for someone else, create a shareable URL for markdown, publish or preview a markdown file/snippet, give someone a link to a README or notes, update an existing share, or turn markdown into a pretty viewable page. Auto-splits long markdown across multiple URLs when needed.
seo-keyword-research
by AIsa-team
Use this skill when a user asks for SEO keyword research, keyword discovery, search volume analysis, keyword difficulty, search intent mapping, topic clusters, content opportunities, competitor keyword gaps, or a keyword strategy for a domain, URL, product, market, or seed topic. When a website is provided, crawl and interpret the site first, then use AIsa API access to DataForSEO keyword, SERP, trend, Labs, and OnPage endpoints plus AIsa LLM reasoning to find non-brand keyword opportunities.
feature-architect
by karchtho
architecture design system planning structure pattern integration features
frontend-design
by october-academy
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.
cc-designer
by Openclaw-Metis
產出可直接瀏覽器開啟的 HTML 設計成品——slide deck、interactive prototype、motion 動畫、wireframe、design canvas、landing mock。用於「做一份 deck / 簡報」「mock / prototype / wireframe 」「把 PRD 變成投影片」「探索 視覺」「依 DESIGN.md 做 ___」等設計探索任務。讀寫 Google Labs Code 的 DESIGN.md（單檔 design system tokens）作為品牌層；專案有 DESIGN.md 就遵守，沒有但有品牌脈絡就寫一份。不適用於 Next.js / React production app、後端、Figma / Sketch 原生檔——這類交給 frontend-skill。交付：主 HTML 檔（必要時拆多檔）+ 設計敘事 + 變體 / Tweaks，console 無錯誤。
claude-power-pack
by jacobo07
"Universal AI execution framework — tiered loading, zero-issue delivery, self-healing"
rhemata
by alxwhitley
Full project context for Rhemata — Alex's AI-powered theological research tool for charismatic Christians. Read this skill at the start of every Rhemata work session before doing anything else. Trigger whenever Alex mentions Rhemata, the theological research app, the RAG project, or any of its components (ingestion, chat, citations, frontend, backend).
frontend-design
by D-e-r-i-c-k
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.
ob-paper-read
by GuanzhengWei2002
Obsidian-oriented PDF paper reading with single-paper focus, detailed-reading guidance, local memory, and a single Markdown deliverable. Use when Codex needs to turn one or more uploaded PDF papers into an Obsidian-friendly reading workflow with classification, reading.md, reading status, question memory, and later comparison support.