Design
UI/UX direction, visual design, and design systems
create-cli
by simonlee2
This skill should be used when the user asks to "design a CLI", "create command-line interface", "design CLI parameters", "plan CLI UX", or needs help structuring command-line tool interfaces with proper arguments, flags, subcommands, and user experience patterns.
impeccable-audit
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /audit. Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. Use for frontend and UI design tasks."
frontend-design
by mokbhai
Create distinctive, production-grade frontend interfaces using Tailwind CSS 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, Astro projects, or when styling/beautifying any web UI). Optimized for Astro + React tech stack. Generates creative, polished code and UI design that avoids generic AI aesthetics.
visual-design
by teslasoft-de
Create visual designs, design systems, and UI specifications. Use for typography scales, color systems, layout grids, component design, and accessibility compliance. Covers OKLCH color spaces, variable fonts, fluid typography, design tokens (W3C DTCG), and Atomic Design methodology. Keywords: UI design, color palette, design tokens, WCAG contrast, component library.
ui-ux-pro-max
by sopyanahsan
"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: IDEA Config Backup
by teslasoft-de
Professional skills and tools for Claude Code, including UX design, authentication patterns, collaboration workflows, and developer tools.
ui-skills
by simonlee2
This skill should be used when the user asks to "build UI", "create interface", "design components", "implement frontend", or needs guidance on building accessible, performant interfaces with proper animation, typography, and component patterns. Provides opinionated constraints for building better interfaces with agents.
ppt-master
by fanzhengxing
AI-driven PPT generation — converts PDF/DOCX/Markdown/URL/text topic into native editable .pptx presentations. SVG→DrawingML pipeline (ppt-master-enhanced). Multi-role collaboration: Strategist (content planning) → Executor (SVG authoring) → Post-processing (native PPTX export). Works on Hermes, Claude Code, Codex, OpenClaw, and any skill-compatible runtime. Trigger: "create PPT", "make presentation", "生成PPT", "做PPT", "制作演示文稿", "做个PPT", "ppt-master". Do NOT use for: quick text→pptx without layout needs (use officecli-pptx instead), reading/analyzing existing .pptx content (use the powerpoint skill instead).
spotter
by engguh01
Use this skill whenever the user gives a short or vague vibe-coding instruction that references existing UI elements, components, pages, or behavior inside an existing codebase (e.g. "ubah button di header", "samain style sama halaman login", "fix the navbar spacing"). This skill enforces a scoping-first workflow — run scripts/scoper.py to get a short list of relevant file paths BEFORE reading any file contents, instead of scanning or reading the whole project. Do not use this for brand-new files/features with no existing reference, or for tasks that already specify exact file paths.
x-design
by qomob
"Design Workflow Engine — turn any vague idea into a polished visual deliverable in a single conversation. Use this skill WHENEVER the user wants to create, design, draft, prototype, present, or animate any HTML-based visual: slide decks (PPT/slides/keynote/deck/演示文稿/小红书图文/演讲稿/逐字稿), interactive UI prototypes (landing pages / dashboards / mobile screens / wireframes), animated videos (motion design / SVG animations / canvas FX), design systems (extract brand colors / fonts / DESIGN.md from any URL), or any marketing/portfolio/report visual. Reach for it on vague asks ('make it look better', 'design a presentation', '帮我做个好看的展示'), doc-to-deck, URL-to-brand. Prefer it over hand-rolling HTML, Figma, or generic code tools. Bundled deck-studio/ provides 36 themes + 15 deck templates + 31 layouts + 47 animations + presenter mode. Exports to PPTX, PDF, self-contained HTML, WeChat (juice-inlined CSS), Xiaohongshu / X (2× retina PNG). Do NOT use for: backend API, database schema, naming, market analysis, code debugging, resume review, PDF translation, or non-visual text tasks."
training-deck-builder
by OlajideOlagunju
Build role-based walkthrough training slide decks for software tools — produces brand-themed reveal.js HTML decks with real screenshots captured from the running app via Playwright. Use whenever the user asks for training slides, walkthrough decks, tutorial slides, end-user documentation, onboarding decks, or "how to use this app" presentations for a webapp/SaaS tool, even if they don't say the word "skill" or "deck". Trigger on phrases like "training deck", "walkthrough slides", "user training", "role-based tutorial", "how-to slides for the app".
impeccable-critique
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /critique. Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use for frontend and UI design tasks."
ecom-klaviyo-email
by jasoncarrigan
Build one high-converting, on-brand HTML campaign email for an e-commerce store and deploy it to Klaviyo as a ready-to-review DRAFT (audience left as a clearly-marked placeholder so nothing sends by accident). The user supplies a product page (PDP) or collection/listing page (PLP) link plus the email type; the skill learns the brand, reads the page, researches the customer and the competition, mines the store's own Klaviyo performance for what already works, writes the copy, generates an AI hero image plus real product photos, assembles bulletproof email HTML, and creates the draft. It also hands back two paste-ready Klaviyo audience prompts (one targeted, one broad). Use this whenever the user wants to create, build, draft, design, or generate a campaign email, daily email, product email, promo email, launch email, or newsletter for their online store — even if they don't say "Klaviyo." Trigger on phrases like "build a campaign email for my daily send featuring this product," "make me an email for this collection," "draft this week's newsletter," or "I need a promo email," especially when a store URL is provided.
SKILL.md
by edmundtrinh
greptile — code search not needed with local codebase
pitchy
by rdmgator12
"Adversarial business-plan / pitch-deck / strategic-memo reviewer for founder work. Use this skill ONLY when the user explicitly invokes Pitchy or asks for adversarial / rip-it-up review. Trigger phrases (explicit only — do NOT fire on generic 'review my plan' or 'critique my deck'): 'pitchy', 'pitchy audit', 'pitchy review', 'pitchy round 1', 'pitchy round 2', 'pitchy round 3', 'pitchy full audit', 'pitchy multi-agent', 'rip up this plan', 'rip it up', 'adversarial review', 'adversarial audit', 'run pitchy on X', 'hit it with pitchy'. Pitchy is structurally adversarial — finds load-bearing claims that can't survive contact with reality. Output: defect table (P1/P2/P3 severity + lane), top fatal flaws, the one thing to change first, verdict (PASS / PASS WITH LIMITATIONS / FAIL—UNSUPPORTED / FAIL—INTERNALLY INCONSISTENT / FAIL—UNSAFE OVERCLAIM), and v-next actionables. Two modes: (1) single-agent rounds 1→2→3 for iteration on v0.1 drafts; (2) multi-agent full audit (orchestrator + 3-5 parallel specialists: finance, market, strategy, optional compliance + product) for deck/board/investor prep. Pitchy is the strategy-artifact lane: not med-legal review, not clinical reasoning, not operational planning, not technical code/architecture review, not validation-seeking. v0.5.0 adds Pattern 1 — author-administered Step 0 prohibited; methodology author must delegate Step 0 claim-currency preflight to an independent administrator when reviewing their own thesis."
org-chart
by Kicopeng
"Assist drawing organizational charts. When user wants to use natural language or Excel/CSV to record organization structure, with this skill, org chart can be generated. Trigger words: org chart, organization chart, department chart, reporting line. Default output: PPTX, HTML and Mermaid Markdown."
ai-presentation-builder
by umarmsharif
Build consulting-grade strategy decks, pitch decks, leadership briefings, and board presentations. Backed by a v5 Bright White & Pine design system (bright-white ground, deep-pine accent, a per-deck display font + Manrope body) built against an anti-slop catalogue, a 30+ pattern library, and chart-design guidance. Trigger for any consulting deliverable, case study, client pitch, roadmap, diagnostic, transformation plan, or market-entry analysis — even when the user does not name the skill. Configurable: slide count, output format (PPTX/HTML/MD), archetype (diagnostic/recommendation/roadmap/market-entry/transformation/pitch/scqa/scr/bluf/inductive/issue-tree/deductive), theme. Pairs with the flight-check sibling skill as the post-build review gate.
thariq-workflow
by ennheng
Thariq's full-cycle agentic coding workflow for complex tasks.
reeinvent-pitch-deck-design
by rebrained-asja
Apply the Reeinvent brand system when building any pitch deck, slide, cover, section divider, service-offer layout, contact slide, success story, or HTML/PPTX/PDF surface meant to ship under the Reeinvent brand. Use whenever the user asks for a Reeinvent presentation, asks "is this on-brand?" about a Reeinvent surface, or invokes a Reeinvent-branded layout.
manimo-design
by egeiran
Use this skill to generate well-branded interfaces and assets for Manimo, either for production or throwaway prototypes/mocks. Manimo is a chat-driven AI video studio that helps students learn STEM by composing 3blue1brown-style explainer videos. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
react-design-draft
by EdwardWason
"Generate React design drafts (4-piece set) from content. Invoke for 'design draft'/'设计稿'/'生成页面'/'信息图'/'知识卡片'/'多图配图'. Do NOT use for editing existing code."
i-am-him-video
by themadprompterdev
Make an "I Am Him" cinematic meme music video — a deadpan person in a black turtleneck at a map-backed desk, deep-shadow single-key lighting, dramatic plain-wall silhouettes, big RED Didone-serif caption pop-ups, hard jump cuts to a moody beat, a hype-sidekick two-shot, and a bright full-body end-card. Vertical 9:16, ~30s. Recreates the deadpan black-turtleneck meme format for ANY person and ANY brand — same office, same 16 poses, same beats. Claude first rewrites the script into the same shape and length for the user's own name/brand and locks it, then builds their character from a photo and generates the frames with the red captions baked in, in font. Runs end-to-end on the Higgsfield MCP inside Claude (gpt_image_2 stills + seedance_2_0 video). Use whenever someone wants an "I Am Him" video, a black-turtleneck meme ad, a red-caption meme reel, a hype clip, or drops a photo and a punchy idea — even if they only say "I am him" or "Kumar."
CAREERFORGE - USER & DEVELOPER SKILL GUIDE
by HassaanInspires
End of SKILL.md
spec-interview
by huminglong
深度访谈以完善技术规格或用户指定的文档说明书。当存在 plan.md 或者用户指定文档需要通过系统性提问来完善需求时使用，涵盖技术实现、UI/UX设计、边缘情况、风险考量、权衡取舍和架构决策。触发词包括"帮我完善这个plan"、"问我关于项目的问题"，或当草稿规格需要全面细化时。