Design
UI/UX direction, visual design, and design systems
beautify-github-readme
by oil-oil
Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase modules, or other README assets; or turn a repository homepage into a cohesive visual story. If whole-README work versus asset-only work is unclear, ask which scope the user wants. For hero-like assets where pure SVG and generated raster material are both viable, explain the tradeoffs and confirm the implementation before creating the asset.
mockup
by biruk741
Generate interactive HTML/React mockups of the hackathon project. Creates clickable prototypes that can be opened in a browser to test user flows and visual concepts. Use when the team wants to visualize the product, test user flows, iterate on features, or needs a tangible artifact to discuss. Also use when someone says "show me what this looks like", "let's prototype this", "mock this up", or "build a quick UI for this".
social-content
by LeoYeAI
"When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' 'viral content,' 'what should I post,' 'repurpose this content,' 'tweet ideas,' 'LinkedIn carousel,' 'social media strategy,' or 'grow my following.' Use this for any social media content creation, repurposing, or scheduling task. For broader content strategy, see content-strategy."
healthcare-social-benchmark-strategist
by chagkrit
Executive healthcare social media benchmarking, reporting, dashboard, and content-strategy workflow for hospitals, universities, academic medicine, public-health organizations, and medical faculties. Use when analyzing multi-platform KPI datasets or Wisesight ZocialEye SocialMetric exports; building monthly, quarterly, campaign, or annual reports; comparing Facebook, Instagram, TikTok, YouTube, or X performance; analyzing content, audience, funnel, campaign ROI, KPI targets, MoM/QoQ/YoY trends, or competitors; scoring healthcare content strategy; applying AMEC/PESO; producing board-ready reports and 90-day roadmaps; scouting live healthcare trends and hot issues from social media and Thai health news to generate content topics; or generating evidence-based Thai healthcare content ideas.
bc-menu-sales-reports
by joecastelino
Run the Blackstone Chevrolet & Cadillac (BC, a GM store, dealer 1251) Menu Sales scorecards — Daily Closed (2x/day) and Closed Month-To-Date (1x/day) — from the LIVE Tekion OpenAPI, and have Stacey DRAFT them to Ruben Estrada (Restrada@blackstonegm.com). This is the GM-store sibling of the SCT/Kevin pipeline (sct-menu-sales-api-scorecard). Use for any "BC menu report", "Blackstone Chevy/Cadillac menu sales", or Ruben report request.
abdurohman-karim-design
by abdurohman-karim
Use this skill to generate well-branded interfaces and assets for Abdurohman Karim's portfolio brand — a strict-monochrome, crypto/web3-minimal aesthetic for a fintech backend developer. Use for production or throwaway prototypes/mocks. Contains design guidelines, colors, type, fonts, icons, and UI kit components for prototyping.
deck-4hum-ai
by 4hum-ai
Create, edit, and publish professional slide decks on deck-4hum-ai. Claude generates the deckJson structure directly from the slide-scene-graph v0.4.0 schema, then saves it via the API. Use this skill when the user asks to make a presentation, slide deck, or slideshow — or to iteratively improve one.
influencer-brief
by mohitagw15856
"Create a structured brief for an influencer or creator partnership campaign. Use when asked to brief an influencer, plan a creator collaboration, set up a paid partnership, or define deliverables for a sponsored content campaign. Produces a complete campaign brief with objectives, deliverables, creative guidelines, approval process, and performance metrics."
apollon7-development
by noone13
Methodology for collaborative development of APOLLON-7, a souls-like dungeon crawler set on a space station, using Ursina (Python 3.12+ on Panda3D). Use whenever the user mentions APOLLON-7, the space crawler project, the souls-like crawler, or asks to continue work on the dungeon crawler game. This includes adding new mechanics (oxygen, weapons, NPC types, level design), porting from the HTML prototype, working with map files, balancing combat, building Steam-ready executables with PyInstaller, or any task related to this specific game project. Always read PROJECT.md, PRODUCTION_PLAN.md, and JOURNAL.md first to understand current state.
quieter
by paulbryantbaker-art
Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.
ui-design-core
by Protagonistss
核心设计能力，提供配色、布局、组件样式生成及反模式检查。
learn-feynman
by Li-Evan
当用户学完一个东西想自查是否真懂、或觉得「好像懂了」但不确定时使用。用「费曼学习法」让他用自己的话把概念讲出来，你扮好奇学生专挑他含糊/跳过的地方追问，把「讲不顺的模糊处」揪出来作为没真懂的漏洞，定位是缺前置知识还是没想透，判断理解是否闭环。触发场景：我学完了考考我、自查一下、我好像懂了、我讲讲你看对不对、检验我的理解、这个我真懂了吗。
frontend-studio
by potatoman03
Build tasteful, modern, production-grade frontends with distinctive design. Use when building websites, landing pages, dashboards, SaaS UIs, e-commerce pages, portfolios, or any web interface. Extends Anthropic's frontend-design skill with a design decision framework, shadcn/ui defaults, rams.ai accessibility enforcement, and a technique library that produces clean, unique output — never AI slop. Activate for: "build me a website", "create a landing page", "design a dashboard", "make a UI for...", or any frontend request.
name-candidate-generator
by NexaScience
AI/テック系のサービス名・プロダクト名・ブランド名の候補を、命名技法(造語・音象徴・語根・接尾辞パターン等)を 使って多数生成し、読み(カナ)・由来・タイプ付きの構造化リストで返すスキル。 ユーザーが「名前を考えて/出して/生成して」「ネーミング」「サービス名/プロダクト名/ブランド名の候補を出して」「命名」「名前案」 「いい名前ない?」など “まだ候補を作る” 段階の依頼をしたら必ずこのスキルを使う。 これは“生成”専用。商標/ドメイン/SNSの空き調査はしない（「使えるか調べて」「空き確認」「商標チェック」は brand-name-availability スキルの役割）。 生成後は人間がショートリストを選び、その後 brand-name-availability で調査する流れ。
figma-d3-react-ts
by CoRLab-Tech
D3.js data visualization in React/Next.js components with PIXEL-PERFECT Figma matching. Use when building interactive charts, graphs, network diagrams, geographic maps, or any custom data visualization with D3.js inside React components. Covers pixel-perfect Figma extraction workflow, iterative visual validation via Playwright, two integration approaches (useRef+useEffect imperative vs declarative React rendering), responsive sizing, TypeScript typing, SSR/Next.js compatibility, accessibility, and performance. Triggers on: 'create a chart', 'add a D3 visualization', 'build a graph component', 'data visualization', 'interactive chart', 'force-directed graph', 'bar chart', 'line chart', 'heatmap', 'scatter plot', 'pie chart', 'chord diagram'.
pdf-anonymize
by jamesconsultingllc
True-redacts PII from PDF, Word (.docx), and Excel (.xlsx) documents before sharing. PDFs have glyphs physically removed and replacement text re-laid; DOCX patches run slices to preserve formatting; XLSX replaces cells, comments, headers, defined names, and properties. Handles names, addresses, account numbers, credit scores, and merchants/stores/phones/cities on transaction lines. Works on ASCII PDFs and modern bank statements with CID-encoded subsetted fonts (BoA, Chase). Single file or directory (with --recursive). Output cannot be recovered via Ctrl+F, pdftotext, or another AI. Trigger on "anonymize/redact/sanitize/de-identify this PDF/Word/Excel", "scrub PII", "remove my name/address", "share this safely" — even when the user just attaches a file and asks to strip identifying info. DO NOT USE FOR visual watermarking, legacy .doc/.xls, or .pptx. Do NOT use nano-pdf — it re-renders pages via image AI and corrupts financial text.
frontend-design
by enoch-robinson
前端界面设计技能。创建独特、高质量的前端界面，避免通用 AI 风格。当用户需要构建网站、落地页、仪表盘、React 组件、HTML/CSS 布局或美化任何 Web UI 时使用此技能。
ss-reference
by bitjaru
Compile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence, tokens, confidence, anti-patterns, and a validation screen. Use when the user supplies a design reference that StyleSeed does not already model.
validaenota-design
by magsitech
Use this skill to generate well-branded interfaces and assets for validaENota, a Brazilian B2B SaaS for NF-e/NFC-e fiscal validation. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
design-system-guardian
by agebold
Strictly enforces the local design system, accessibility (WCAG 2.2 AA), and world-class design craft for any web or responsive UI work. Use this skill whenever the user asks to build, edit, style, refactor, or review ANY frontend component, page, layout, form, or markup — even casual requests like "make this look nicer", "add a button", "build a card", "fix this CSS", or "create a settings page". Trigger on any mention of HTML, CSS, JSX/TSX, Tailwind, components, styling, layouts, responsive design, accessibility, or visual polish. Do NOT skip this skill just because the request seems small — every UI change must pass through the design system rules.
Project Skill: Freshman Orientation Token Web App (Next.js 16 + Supabase)
by Demon720AA
Supabase: Always refer to supabase-schema.sql before modifying database interactions.
kenya-hara-white-design
by cha9ro
Create refined, contemplative UI/UX designs inspired by Kenya Hara's philosophy of "White" (白) and Emptiness (空). Use this skill when building interfaces that embrace Japanese aesthetics of ma (間), yohaku (余白), and receptive simplicity. Ideal for creating meditative web applications, minimalist dashboards, product showcases, portfolios, landing pages, or any interface seeking profound simplicity that invites user interpretation rather than imposing meaning.
muapi-ad-creative
by SamurAIGPT
Generate a high-converting ad creative set — hero image, ad copy variations, and platform-optimized crops for Meta, Google Display, and LinkedIn.
seo-best-practices
by Hack23
On-page SEO, technical SEO, keyword research, and content optimization for political transparency platforms