Design

Elementor UX Writer

by gilinoy-uxw

Writes on-brand product copy from scratch for Elementor UI surfaces. Use this skill whenever someone needs to generate, create, or draft UX copy, microcopy, button labels, error messages, empty states, tooltips, onboarding flows, CTAs, or any user-facing text for Elementor products. Triggers on phrases like: "write copy for", "draft this screen", "help me write", "create copy for", "what should this say", "suggest copy", "give me options for". Also triggers when a PRD, screenshot, wireframe, or feature description is shared and copy is the expected output. Always use this skill over generic writing when Elementor product context is present.

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.

contract-first-agents

by reactflowbrasil-lgtm

"Contract-First Map-Reduce coordination protocol for native TeamCreate multi-agent teams. Wraps TeamCreate, Task (teammates), SendMessage with an upfront shared contract phase that eliminates 75% of integration errors. Based on 400+ experiment research proving 52.5% quality improvement over naive coordination."

concrete

by RubricLab

Use this skill when building with the Concrete design system for Rubric Labs. Concrete is an ink-first React design system for agentic product surfaces, editorial research pages, generated UI, and educational mockups.

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".

swift-style-skill

by pchelnikov

Enforce consistent, idiomatic Swift style when generating, reviewing, or refactoring Swift code. Use when writing new Swift code, reviewing code for style violations, or enforcing team style standards. Covers file structure, naming, formatting, and programming practices. Based on the Google Swift Style Guide (https://google.github.io/swift/), which is itself grounded in Apple's Swift standard library style and widely adopted across the Swift community.

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.

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".

mobile-design

by noelrohi

Create distinctive, production-grade mobile UI screens as HTML files. Use when the user asks to 'design a mobile app,' 'create mobile screens,' 'mobile UI,' 'app prototype,' 'iOS screen,' 'mobile mockup,' or 'mobile design.' Generates memorable, polished HTML that avoids generic AI aesthetics.

PestFlow Pro — Claude Code Autonomous Dev Skill

by ironwoodoperations

9 Mar 2026 Ironclad rebrand, demo content seed, font fix (Oswald/Raleway/Space Grotesk/Playfair), About rewrite, PestFlow Pro footer badge, review_text column fix, Pexels portraits for team

verification-convergence

by moonhwilee

"High-intensity /verify or /converge protocol for specialist subagent review, selective fixes, and evidence-based convergence across code, plans, docs, strategy, business, trading, and operations."

design-hig-principles

by jacoblewisau

Audit iOS/macOS UI against Apple Human Interface Guidelines. Provides context-aware, multi-perspective feedback on colors, typography, layout, accessibility, and platform conventions.

band-maid-design

by DriveTimeBM

Use this skill to generate well-branded interfaces and assets for BAND-MAID Unofficial (a fan dashboard for the Japanese rock band BAND-MAID), either for production or throwaway prototypes / mocks. Contains essential design guidelines, colors, type, fonts, assets, and a UI kit recreating the live app shell.

frontend-design

by Jackiexiao

创建具有高设计质量的独特生产级前端接口。当用户要求构建Web组件、页面、工件、海报或应用程序时（例如，包括网站、登录页面、仪表板、React组件、HTML/CSS布局，或在样式化/美化任何Web UI时） ，请使用此技能。生成创意、精美的代码和UI设计，避免通用的AI美学。

brand-guidelines

by kunhai-88

"将 Anthropic 官方品牌颜色与排版应用于任何可能受益于 Anthropic 外观与感觉的工件。当品牌颜色或样式指南、视觉格式或公司设计标准适用时使用。"

design-studio

by dfuzrindustries

Design Studio — Visual Quality Governance & Production System. ACTIVATION RULE: Load when any request involves producing, reviewing, or governing visual deliverables — UI/UX design, presentations, diagrams, brand assets, prototypes, or any artifact where visual quality matters. Design Studio is the visual quality gate in the IA governance model, parallel to ContentOS (content quality gate). Triggers: "design this", "build a UI", "create a presentation", "review this design", "brand kit", "style this", "make it look better", "wireframe", "prototype", "layout", "spacing", "visual quality", "design system", "accessibility audit", or any request where the output has a visual dimension. Also activates as visual governance for DiagramOS output — Design Studio sets the visual standard, DiagramOS executes.

SKILL.md — OpenClaw Agent Skill

by freaxnx01

hyperstack

by orkait

Senior Staff Engineer Persona + Unified MCP Server. Provides deep architectural discipline and deterministic knowledge across React Flow, Motion, Echo, Go, Rust, and UI/UX design systems.

high-end-typography

by Seika139

汎用的なフォントを避け、デザイン性の高いタイポグラフィを選択してフロントエンドの質を向上させるスキル。UI制作やLP作成時に使用します。

language-style-guide

by BrotherPeng

强制在所有交互、代码注释和文档生成中严格使用中文，并遵循高级技术写作规范。Enforces strict adherence to Chinese language in all interactions, code comments, and documentation with high-quality technical writing standards.

chatgpt-image

by vdruts

Generate and compose images using OpenAI's gpt-image-2 model. Best-in-class for editorial typography, multi-image composition (combine 2+ reference images into one scene), and text-heavy layouts. USE WHEN user wants editorial/magazine/poster-style images with precise typography. USE WHEN user wants to combine MULTIPLE reference images into one composition (gpt-image-2's killer feature). USE WHEN user mentions ChatGPT Images, gpt-image-2, infographic, meta ad creative, or viral LinkedIn image. DO NOT USE for multi-slide carousel decks or realtime/streaming generation.