Design
UI/UX direction, visual design, and design systems
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
benjistripe
by Mikeishiring
"Apply the Benji + Stripe fused design language — precision developer luxe. Use when building frontends, form controls (selects, sliders, dials, toggles), interactive multi-view dashboards, marketing pages, data-rich UIs, or live charts that need to feel both precise and premium. Forbids native/unstyled controls and static dashboards."
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.
TAP Prototype — Reusable Process Skills
by bendoidic
Close button: Figma 4744:143502 — 4px padding, 4px border-radius, gray-02 icon, hover: gray-06 bg, pressed: gray-05 bg
eq5-slides
by graceirwin-eq5
"Use this skill whenever creating Equals 5 branded presentations, pitch decks, campaign proposals, or client-facing slide decks. Trigger on any request involving EQ5 slides, decks, or presentations. Uses standard PowerPoint layouts (Title, Content, Two-Column, Blank) styled with the EQ5 dual-theme system (Midnight Navy dark + Lavender Frost light). Inter typography, brand color palette, logo + Confidential footer on every slide."
lumora
by deanvanuden
Lumora builds complete premium websites from exact prompt_text entries in references/motionsites-prompt-library.json after scraping the target business, creating a niche-specific blueprint, and selecting a complete page prompt or compatible section prompts. Use when Codex is asked to build, redesign, improve, or generate a website, landing page, hero, SaaS site, agency site, portfolio, ecommerce page, waitlist, signup page, or rich frontend using "$lumora" or "Lumora"; Lumora must load and hash every selected prompt_text before coding, reject any section not built directly from a loaded prompt_text, use design/layout/components/motion 100% 1:1 with no interpretation, localize copy only inside prompt slots, use one cohesive font/color/background token layer, make all clickable UI work, preserve multipage source sites, and verify responsive containment.
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.
iconpark
by YuWuChen82
"Use when a designer is preparing an IconPark icon and needs help with naming or two-tier categorization. Given an SVG file or Chinese description, recommends a standard identifier name, a primary semantic category (one of 36 official IconPark categories), an optional color sub-category (one of 7). Learns from goodcase/badcase reference sets in assets/goodcase/ and assets/badcase/ directories. Runtime-neutral: works in Claude Code (AskUserQuestion), Codex CLI (request_user_input), OpenCode (TUI question), Hermes (prompt_user), Gemini CLI (request_user_input). v0.5+ 每次使用自动检查更新并提示用户。 Triggers: 'check SVG', '推荐名字', '选分组', '该放哪个分类', '命名不规范', 'jc-icon-', 'IconPark 上传'."
frontend-design
by Jackiexiao
创建具有高设计质量的独特生产级前端接口。当用户要求构建Web组件、页面、工件、海报或应用程序时（例如，包括网站、登录页面、仪表板、React组件、HTML/CSS布局，或在样式化/美化任何Web UI时） ，请使用此技能。生成创意、精美的代码和UI设计，避免通用的AI美学。
pitstop
by kea0811
Use when working on Pitstop — a phone-first Next.js PWA that catalogs a diecast-car collection via UPC barcode scanning and in-browser visual matching (DINOv2 embeddings), with Supabase auth/storage and MongoDB persistence. Covers env setup, the architecture map, and the gotchas that bite.
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.
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.
Monday Expert
by cocacha12
Expertise in Monday.com Vibe Design System, UI/UX patterns, and technical architecture for cloning purposes.
学习系统UI-skill
by 1802837347-blip
Use this skill when creating or extending mobile mini-program UI pages for the AI自主学习系统, including login and phone verification, onboarding/profile setup modals, learning home pages, purchased/unpurchased states, pending/update/completed plan states, welcome cards, plan setup cards, AI learning tools, composition correction entry cards, composition score selection sheets, composition photo capture flows, photo order confirmation, OCR recognition and review, benefit-consumption confirmation, correction loading states, composition audio explanation pages, annotated essay walkthroughs, correction report generation, report preview/download, report intro/landing, composition correction history, monthly record filters, quota-exhausted composition entry states, feedback sheets, camera permission prompts, plan creation flows, learning information forms, plan knowledge-point selection, date picker sheets, validation/error states, generation loading states, generated plan overview pages, APP learning-plan pages, APP all-courses catalog pages, course outline/video-list pages, expanded or collapsed calendar states, scrolled calendar states, login-required learning-plan states, daily study plans, course recommendation grids, course commerce cards, plan history, sticky filters, empty states, and related education-product screens in the same visual style.
design-system-l-oiseau-d
by shivduttkarwa
Creates implementation-ready design-system guidance with tokens, component behavior, and accessibility standards. Use when creating or updating UI rules, component specifications, or design-system documentation.
AgentUI — Build Skill Guide
by ghosthunter8
```
frontend-design
by regev-ima
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.
elearn-dev-agent
by rofal-gg
Gunakan skill ini untuk SEMUA tugas pengembangan pada project Platform E-Learning — membuat halaman HTML, styling CSS, logika JS, operasi CRUD via localStorage, dan manajemen data lewat data.js. Aktifkan setiap kali user meminta membuat, mengedit, atau memperbaiki file apapun di dalam codebase project ini.
lauri-reis-design
by v1tooR
Use this skill to generate well-branded interfaces and assets for Lauri Reis Fotografia, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.