Design
UI/UX direction, visual design, and design systems
berg-pc-design
by qiansui890-wq
Use this skill to generate well-branded interfaces and assets for Berg PC, a Houston trial & business law firm focused on cryptocurrency fraud tracing and recovery — either for production or throwaway prototypes/mocks. Contains essential design guidelines, colors, type, fonts, logo assets, reusable components, and UI kits for prototyping.
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.
energy-beam-cta
by CrazyGL-com
"A conversion-focused hero: the main CTA button emits a glowing vertical beam that connects to a tilted product dashboard, making the button feel like it activates the product. Hover the CTA to brighten the beam, burst particles, and ripple a wake across the dashboard."
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.
feature-architect
by karchtho
architecture design system planning structure pattern integration features
frontend-design
by SOBANEJAZ
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.
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.
ui-ux-pro-max
by jefebcn
"UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples."
SKILL.md — RAGRAF Skills Catalog
by Barbashin1970
См. § Implementation Order в regulation-viz-skill.md. По мере прохождения шагов — добавляй сюда новые навыки (например: «Skill: Dagre auto-layout для DSL без позиций», «Skill: SHACL conflict report при импорте»).
frontend-design-expo
by david-evans03
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.
influence-psychology
by costrict-plugins-repo
'Apply the six principles of ethical persuasion (reciprocity, commitment, social proof, authority, liking, scarcity) to product design, copy, and sales. Use when the user mentions "social proof", "persuasive copy", "why users dont convert", "ethical persuasion", "reciprocity", "scarcity tactics", or "commitment and consistency". Also trigger when designing testimonial sections, crafting urgency messaging, or improving trust signals on landing pages. For deal negotiation tactics, see negotiation. For viral word-of-mouth, see contagious.'
ui-ux-doctor
by rahulcommercial
"Zero-dependency UI/UX bug doctor for React + FastAPI apps. Finds and fixes button issues, rendering bugs, accessibility gaps, component problems (modals, dialogs, sidebars/drawers), form/input/textarea issues, light/dark mode (theming) gaps, and React<->FastAPI integration mistakes, then suggests enhancements and verifies the fix. Pure Python stdlib — no pip, no npm, no network — safe for locked-down / offline / office machines. Actions: find, detect, scan, audit, review, debug, diagnose, fix, repair, improve, enhance, test, verify UI/UX. Elements: button, modal, dialog, sidebar, drawer, form, input, textarea, select, navbar. Symptoms: button does nothing, button not clickable / not keyboard accessible, modal has no escape, no focus trap, input has no label, textarea unlabeled, form reloads page on enter, no dark mode, white flash in dark mode, list re-renders wrong, stray 0 on screen, missing key warning, input loses focus, infinite re-render, fetch loop, blank page, CORS error, data not loading, image no alt, screen reader. Topics: accessibility, dark mode, theming, focus management, forms. Stack: React, JSX, TSX, Tailwind, FastAPI, Vite, fetch, CORS. Use after writing or before shipping UI code, or when a UI element misbehaves."
trivia-os
by coughlinben94
Trivia OS — real-time trivia-night platform for Baynes Apple Valley (React + Vite + Supabase Realtime; 21 ambient themes with per-show font/color overrides, 15 slide types including automated Winner Reveal, full scoreboard system). Use this skill whenever working on Trivia OS or anything under ~/Projects/baynes-trivia/trivia-os — the host build/live control surface, the /display TV renderer, /join phones, slides, rounds, scoring, powerups, the ambient ParticleBackground themes, theme overrides, or display transitions/animations. Read this plus its references before any display/theme/animation work, even on casual asks.
seobuild-onpage
by Ebenezerhooknosed777
Write SEO pages that rank on Google AND get cited by LLMs. Uses live SERP data, 500-token chunk architecture, and the Reddit Test quality gate. Triggers on: "write an SEO page", "seo-agi", "seo page for [keyword]", "rank for [keyword]", "rewrite this page for SEO", "GEO", "AEO", "write a page that ranks".
frontend-design
by alexandephilia
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animations, glassmorphism, and responsive layouts.
ai-news-production-harness
by malcolmyu
Project-local guide for producing 第二号 daily digests, research reports, homepage/archive updates, and validation through the Hermes/Codex harness.
especialista-ebi
by jhernandez-vibecode
ESPECIALISTA EBI — Portal multi-póliza para Empresas Berthier EBI de Costa Rica S.A. (renovación 2025/2026), branding Seguros Digitales SDI (marca registrada y propiedad intelectual JC). HTML+CSS+JS vanilla en Netlify desde repo jhernandez-vibecode/ebi-polizas. 2 sub-páginas activas: Equipo Contratista (raíz /, acento dorado, 66 equipos, póliza madre EQG-0000183) e Incendio Multirriesgo (/incendio-multirriesgo/, acento verde teal, 4 zonas de riesgo con coaseguro 80%, póliza madre MRM-0000055). Cada sub-página tiene doble vista por ?modo=cliente. Tipografía oficial SDI: Space Grotesk + Inter + JetBrains Mono. Iconos Lucide SVG inline. EBI es portafolio recurrente — el patrón establecido (carpeta dedicada por póliza + data.js específico + acento de color diferenciador + drawer adaptado al modelo de datos) debe servir para todos los futuros reportes a EBI. Usar este skill cuando JC pida cualquier cambio, nuevo reporte EBI, o ajuste al portal.
ux-detail-review
by Simply-Strong-Lab
Detail-focused UI/UX review workflow based on Buzz Usborne's "God is in the details". Use when reviewing screenshots, prototypes, websites, or apps for interaction polish, usability friction, feedback clarity, loading behavior, microcopy tone, and platform convention fit. Trigger for requests like "UX 리뷰", "UI í¼ëë°±", "ëìì¸ ê²í ", "ì¬ì©ì± ë¶ì", "ì¸í°ëì ê°ì ", "ëí ì¼ ì ê²", "UX review", "UI review", "design critique", "usability audit", or "interaction polish".