Design
UI/UX direction, visual design, and design systems
human-html
by rhnfzl
Use when creating a human review surface, such as a plan, review, architecture explainer, understanding doc, research synthesis, decision aid, prototype, status report, or incident postmortem. Put the artifact under docs/human-html/ as HTML instead of Markdown. Markdown stays for scratch notes, durable references, ticket notes, drafts, and meetings. Provides scaffolds, validation, index refresh, glossary support, and hooks for Claude Code and Codex.
adobe-illustrator-web
by CodeDraig
Create vector graphics with Illustrator on the web - design logos, icons, and illustrations with AI-powered tools
imagine-best-practices
by midhunxavier
Publication-quality scientific figures with the Imagine framework (React → SVG/PNG). Use when designing, reviewing, or exporting charts/diagrams/multi-panel figures for papers, posters, or preprints, especially when you need mm+dpi sizing, vector-first SVG, typography/color guidance, and final submission checks.
controlled-chaos-pro
by RayyanZahid
Generate novel web output via authorial personas and subject-derived aesthetics. Principles-based composition for pages, decks, landing heroes. Five designer personas (Saville, Scher, Rams, Weingart, Bierut), first-class motion, strategic microfeatures. Every run invents its own DNA.
stan-html-deck
by Amasun93
斯坦星球品牌 HTML 演讲 Deck 生成器。将用户提供的讲座内容转化为符合斯坦星球 VI 规范的单文件 HTML 演示文稿。 触发词包括"做斯坦讲座"、"生成演示稿"、"教学分享 slide"、"斯坦 PPT"、"做个 html 演讲"等。 输出为纯手写单文件 HTML，16:9 横版，键盘翻页，不需 Reveal.js 等外部框架。
dashboard
by Mamypopo
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
design-system
by legoliath
Mise en page et design de documents, pages et projets. Regles de design (typographie, couleurs, hierarchie visuelle, layout patterns) et recettes concretes par plateforme. Use when creating or formatting Notion pages (covers, icons, callouts, columns, dividers, toggle sections, synced blocks), building HTML dashboards or web pages, generating PDFs with Typst, writing GitHub Markdown (alerts, Mermaid, badges). Triggers on mise en page, layout, formatage, rendre beau, design de page, page Notion, dashboard, outils de design, belle page, projet Notion, template de page. Provides design RULES and RECIPES, NOT image generation.
threat-modeler
by tmart234
Produce structured threat models for software, systems, networks, IoT/embedded devices, medical devices, or business processes. Walks Shostack's Four Question Framework, produces a Mermaid DFD with trust boundaries, runs STRIDE-Per-Element with prioritized mitigations and derived security requirements, and a Q4 self-assessment. Trigger on threat modeling, STRIDE, DFD / data flow diagram, attack surface, abuse / misuse cases, security architecture review, trust boundaries, "what can go wrong / what are the threats to X / how would someone attack X", or pasting architecture and asking about risks. Also trigger when the user names a methodology (LINDDUN, PASTA, DREAD, attack trees) or asks for a regulatory threat-model deliverable (FDA premarket cybersecurity, IEC 62443, IEC 81001-5-1). Greenfield and brownfield. Do NOT trigger for penetration testing planning, vulnerability scanning, or incident response.
direxio-deployer
by YingSuiAI
Deploy, resume, verify, destroy, and locally wire a production P2P-IM Matrix server on AWS for Claude, Codex/OpenAI, Gemini, Cursor, Copilot, OpenClaw, Hermes, and other agent runtimes. Use when installing or updating this skill itself; if a current project or workspace exists, prefer the runtime-specific project-local Git clone path from references/agent-targets.md and use global skill directories only when no project target exists or the user explicitly asks for global installation.
cacusa-design
by robingonzalez-ux
Use this skill to generate well-branded interfaces and assets for CACUSA by Taitus, a personalized artisan jewelry brand from Ecuador with presence in the USA. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
dashboard-deploy
by beupspace-tool
"Deploy a live webapp dashboard for any BEUP Google Sheet/Excel template. Trigger when user says 'create dashboard webapp for [template]', 'deploy dashboard for [product]', 'add dashboard route', 'tạo webapp dashboard', or wants to turn an existing Claude artifact dashboard into a deployable Vercel webapp. This skill handles the full workflow: analyze template structure, generate template-specific dashboard component, register route, and prepare for Vercel deploy. Requires the dashboard-builder skill for data analysis and chart selection. Output is a deployable Vite+React project."
digital-allies-design
by Digital-Allies
Use this skill to generate well-branded interfaces and assets for Digital Allies — a Kingman, AZ one-person technology shop — either for production or for throwaway prototypes/mocks. Contains the brand voice, color and type tokens, fonts, logo and icon assets, recreated UI components, and slide templates needed to design on-brand work.
vibe-coder
by timequity
Describe your idea, get a deployed product. All Craft Coder skills + brainstorm, validation, marketing. Use when: user wants to build something from an idea, prototype, or MVP. Triggers: "build app", "create website", "make MVP", "I have an idea", "хочу приложение", "создать сайт", "сделать MVP".
design-taste-frontend
by daniel-st3
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
frontend-design
by ankitgoyal1206
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.
google-fonts
by amohavarshansankar
Google Fonts typography system generator. Suggests single fonts (strict mode) and font pairs (contrast mode) with complete typographic scales following Tailwind Typography rhythm concepts. Generates CSS custom properties, Tailwind config, and embed links. Trigger: "choose a font", "font pairing", "typography system", "type scale", "Google Font", "heading font", "body font", "web font", "font for my site", "typographic scale", "font suggestion", "which font", "font recommendation", "serif or sans".
frontend-design
by hwatkins
When the user wants to create distinctive, production-grade frontend interfaces. Guides bold aesthetic choices, typography, color, motion, and spatial composition to avoid generic "AI slop" aesthetics. Use when building UI components, pages, or applications.
woocode-objects
by keepnotes-ai
Use when designing, writing, or reviewing woo catalogs, woocode object prototypes, manifest seed objects, verbs, properties, event schemas, command surfaces, or block/plug integrations in this repository. Provides an agent programmer's guide to current Woo DSL syntax, catalog shape, object organization patterns, and validation discipline.
design-assistant
by campbellmcgregor
Expert graphic, UI/UX designer for creating mockups, wireframes, and visual designs. Use when user needs help with designing interfaces, creating mockups, prototyping layouts, visual design feedback, design systems, brand identity, choosing colors/typography, or creating graphics. Triggers include "design," "mockup," "wireframe," "UI," "UX," "interface," "visual," "brand," or "prototype."
преза-пять-стилей
by denisagasarov-sketch
Воркфлоу из 5 агентов для вёрстки лекционных презентаций курса «Системный SMM». Принимает текст слайдов, предлагает выбор из 6 стилей (Минимализм, Катин стиль, Энергия и драйв, Игра и азарт, Бунт и провокация, Система и контроль), генерирует HTML-мокап с арт-критикой до балла 8/10, конвертирует в SVG для Figma со встроенными шрифтами и QA-сверкой. Использовать когда пользователь упоминает: слайды, презентация, вёрстка слайдов, лекция, мокап, SVG для Figma, распределить текст по слайдам.
linkedin-solopreneur-skill
by ahsanishaq721
Personal Brand & AI Agency Strategist for n8n Workflow Experts. Powered by Justin Welsh's "Niche of One" philosophy. Activate with /post [topic], /comment [content], /outreach [person/goal], /profile [section], /ideate, or /newsletter [topic]. Use this skill whenever the user wants to write LinkedIn posts, comments, outreach messages, newsletter content, or build their personal brand as an AI automation expert.
ux-concepts
by ShintaroaSuzuki
Understand and apply psychological concepts to create superior user experiences (UX) in frontend design.
ui-orchestrator
by ab300819
UI/UX skill dispatcher that routes to specialized external skills based on project needs. Use when working on UI development, design systems, or frontend tasks. Triggers on keywords like "UI", "界面", "前端", "组件", "animation", "动画", "layout", "布局", "SwiftUI".
cognytia-brand
by xuarez29
Aplica la identidad de marca completa de CognytIA Solutions al generar cualquier tipo de contenido: posts de LinkedIn, presentaciones, propuestas de venta, emails, copy de landing pages, guiones, o cualquier pieza de comunicación. Usa este skill SIEMPRE que el usuario pida crear contenido para CognytIA, mencione "en estilo Cognytia", pida un post, una presentación, una propuesta, o cualquier material de comunicación de la agencia. También actívate cuando el usuario diga "escríbelo como Cognytia" o "con nuestro tono". Este skill define voz, tono, estilo visual y principios de diseño — el agente adapta el formato según el medio (LinkedIn, PPTX, propuesta, etc.).