#SkillRepo stars

1. 193Experiment Report Skilllyzbcy/experiment-report-skillCreate a complete experiment report workflow with frontend visualization and structured markdown report. Supports any experiment type — implementation, interactive frontend, screenshots, and md/docx delivery. Use for 实验报告、experiment report and experiment-related 前端展示 or 可视化报告, with visual confirmation before the final report.12
2. 194Readydesign SkillZethRise/ReadyDesign-SkillForce UI work onto six ready-to-use libraries only: shadcn/ui, Ant Design, Kokonut UI, Motion (motion.dev), Bklit (bklit.com), and sashimi UI. Web-fetch each official site one-by-one and install the real components from those pages — never invent APIs, class names, colors, or components from memory. Use when building or restyling a UI, scaffolding a frontend, adding components, picking a design system, or when the user says ReadyDesign, ready-to-use components, shadcn, antd, kokonut, motion.dev, framer motion, bklit, sashimi, or runs /readydesign-skill or $readydesign-skill.14
3. 195NetopsCon-Benksl/NetOpsRoute authorized VPS networking and proxy work to onboarding, read-only scanning, building, repair, or fleet management. Use for VPS access, 3x-ui/Xray/VLESS Reality/Hysteria2, DNS/TUN/routing failures, node performance, or ongoing multi-VPS operations. 典型中文请求：VPS 连不上、节点慢或掉线、搭建或修改节点、面板打不开、多台 VPS 统一维护。12
4. 196Ship PageZooeyii/ship-page-skillCreate stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal brand. Also triggers when users say "I need a website for my product", "help me launch", "make a page for my app", or want to convert a README into a visual landing page. Works great for Product Hunt launches, GitHub project pages, and indie hacker ship days.12
5. 197Taxue Halftonetaxueseek/taxue-halftone半调海报：用限墨+网点把任意主题做成有结构、有质感、可复用的艺术封面。支持多种印刷语言（半调/孔版/双色/木刻/蓝晒/蓝染/复印机、1-bit 剪影、撕纸拼贴），按风格给出一致又有特色的封面。六项不变式出图前先定：纸色、墨色角色、叠印方式、印刷机制、主体走向、字图音量。触发词：半调海报、艺术封面、网点、孔版、双色、Riso、duotone、木刻、蓝晒、蓝染、蓝染海报、物影、蓝晒物影、反俗套蓝染、复印机美学、不完美印刷拼贴、撕纸拼贴、编辑型印刷拼贴、有意不完美、点阵解构、丝网海报、剪纸、窗花、中式剪纸、网点剪纸、经典致敬、风格模仿、致敬、名画、艺术流派、年代美学、视觉风格转译、波普、波点、圆点场、点画、视错觉、扁平矢量图形、艺术展览海报、平台封面（B站/小红书/抖音/公众号/头像/超宽）、主题结构印刷封面、限墨封面。不用于：全彩实拍、UI、图表、模板拼贴。12
6. 198Slizdeckpedroanze/slizdeckGenera decks de slides HTML animados a partir de un design system propio — enfocado en pitch decks de startup (minimalista, poco texto, mucha imagen/gráfica), pero también sirve para charlas, demos y recaps de evento. Arquitectura deck-stage 1920×1080 con navegación por teclado, pensado para presentar en vivo. Trae cinco style packs listos (terminal oscuro, blanco puro, color dominante, denso en datos, editorial), cada uno con paleta, tipografía y reglas de composición validadas contra contraste WCAG y clichés visuales de IA. El design system se define de forma guiada —elegir un pack, inyectar13
7. 199Figma Annotations Strategysaralobo/skill-figma-annotationsGenerate strategic Figma annotations via MCP based on PRs, tickets, or user descriptions. Use when the user wants to document a screen, flow, or component for Figma, or mentions "figma annotations", "annotation strategy".10
8. 200UI Styleschrzamz/ui-styles-skillParticipate before building or changing product UI: websites, apps, demos, dashboards, forms, visual redesigns, component-library selection, themes and interaction states. Act as a practical designer: understand the product, recommend and preview a direction, preserve a project visual standard, and implement it using the existing stack. 支持风格推荐、界面制作、组件库选型、主题 token、自定义风格。Skip backend-only work and nonvisual fixes.11
9. 201DesignbriefHeiberg-Industries/designbriefA library of UI design direction files that provide style guardrails for building tasteful, consistent interfaces. Use when building any UI — select a style or let the AI recommend one based on the project context.10
10. 202Frontend Design ProKrishna-Modi12/frontend-design-proProduction-grade frontend UI/UX skill registry. Auto-routes to the correct skill based on user intent. Use for anything involving what users see and click in a browser — building or fixing React/Next.js components, pages and layouts; visual defects; animation; dashboards; forms; accessibility audits; frontend performance; 3D with Three.js/R3F; design systems and tokens; and tests for any of it. Skip for backend logic, APIs, databases and infrastructure.12
11. 203No Slop UILeoStehlik/no-slop-uiBuild or review frontend UI for clean, restrained, human-designed interfaces without generic AI visual patterns.12
12. 204ReplicaSurya17155/ReplicaUse when the user uploads a screenshot of a hero section or landing page (or a URL/description of one) and wants a copy-paste-ready developer prompt to recreate it exactly in a tool like Lovable, Bolt, Replit, or Cursor. Produces prompts with exact hex colors, Tailwind classes, animation timing tuples, and component structure — not vague descriptions.10
13. 205Replicate Webpage22duxiaoyu/replicate-webpage-skillRebuild a webpage from a user-provided URL with high visual and behavioral fidelity, then customize its text, names, images, colors, or branding. Use when the user asks to “replicate this webpage,” “clone this website,” “复刻这个网页,” recreate a reference site, or reproduce a page’s observable layout, responsive behavior, animations, and interactions in a local codebase.12
14. 206Openclaw Darkpattern Busteralphaparkinc/openclaw-darkpattern-busterBypasses UI dark patterns, un-checks hidden subscription boxes, and navigates confusing opt-out flows automatically during checkout to protect user intent.9
15. 207Agential Skilltalhairfandev/agential-skillUse this skill for any website, web application, frontend UI, component, layout, styling, refactor, or review. It enforces a self-contained editorial output standard: image-first composition, oversized typography, visible hairline grids, hard-edged rectangular framing, restrained copy, and review.10
16. 208Arbitrum Dapp Skillhummusonrails/arbitrum-dapp-skillOpinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a frontend that interacts with Arbitrum contracts.9
17. 209Bufatechno Webgamedevbufatechno/bufatechno-webgamedevBUFATECHNO WEB GAME DEV — skill for building complete, production-ready web games with Three.js (WebGPU/TSL) or Babylon.js (WebGPU/Havok). Optimized for ZCode and Claude. Covers scaffolding, ECS, PBR/IBL, WebGPU/TSL, VFX/particles/post-processing, Web Audio, assets (GLTF/Draco/KTX2/Splat), 2D canvas/sprites, and animation (mixer/skeletal/morph/blending). Use when user asks to create, build or ship any 3D browser game — FPS, voxel, third-person, platformer, racing, flight, tower defense, RPG, multiplayer, WebXR/VR. Triggers on 'Three.js game', 'Babylon.js demo', 'WebGPU game', 'voxel world', 'b10
18. 210Character Animationkarem505/character-animation-skillTurn a static character or asset image into a looping animated character, delivered as a moving SVG plus animated WebP and GIF. Use this whenever the user wants to animate, bring to life, or "make move" a character, mascot, logo, creature, sprite, icon, or any asset image — or wants a moving/animated SVG, WebP, or GIF made from an image — or mentions generating a sprite sheet animation, or names "Nano Banana 2" / Gemini image generation for animation. Also use it to convert an EXISTING sprite sheet (a grid of frames) into those animated formats. Trigger even when the user just says things like10
19. 211Liquid Glass Frontendngocanhnckh/liquid-glass-frontend-skillUse when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default fonts, uniform fade-ins). Covers creative direction and signature interactions, the frost/blur glass material, single-source color tokens with dark+light theming, scroll/stagger/parallax/scroll-scrubbed animation, type-as-hero typography, and asymmetric grid-breaking composition.10
20. 212Motion Graphicsacelera-agency/html-animationBuild frame-exact motion graphics — animated logos, kinetic typography, brand videos, animated titles and social clips — as a single HTML file driven by a paused Web Animations timeline, then export them to MP4 in 1:1, 4:5 and 9:16. Use this whenever someone wants to animate a wordmark or logo, make a video from text, build a title sequence or lower third, produce a clip for LinkedIn / Instagram / Reels / TikTok, "turn this design into a video", animate a landing-page hero, or export a web animation to a video file — and also when an existing animation of this kind needs fixing, retiming, rest10
21. 213No Slop Designagshinrajabov/no-slop-designSenior product-design workflow for web and mobile UI that avoids generic "AI slop" and produces token-based, accessible, platform-correct design with a deliberate visual anchor. Use when asked to design, redesign, review, or "make it look better" for any screen, app, landing page, component, or design system; when building UI from scratch; when a design system or brand must be adopted or created; when generating design tokens, moodboards, or design specs; or when output must not look AI-generated. Runs discovery (market, audience, existing design system) → mini research → moodboard → tokens → 10
22. 214Premium Web DesignLucxar/premium-web-design-skillTransform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating hero sections, improving visual hierarchy, adding animations, or optimizing web aesthetics.9
23. 215Senior Designersshahzaiib/senior-designer-skillAct as an evidence-based senior product designer for any UI/app design or build task. Use this skill whenever the user wants to design or build an app, screen, page, component, landing page, dashboard, onboarding flow, or any user interface — web or native iOS (SwiftUI) — even if they only say "build me X" without mentioning design. Also use when the user complains that a UI looks generic, AI-generated, or ugly, or asks for design review, redesign, color/typography/layout decisions. Every rule inside is sourced from 158 vetted design publications (Apple HIG, WCAG, NN/g research, Bringhurst, No10
24. 216A2ui Adkcoolxeo/a2ui-adkBuild agents that generate rich, interactive UIs using Google's A2UI (Agent-to-User Interface) format with Google ADK (Agent Development Kit). Use when building ADK agents that need to render dynamic UI components, forms, cards, lists, or interactive elements via the A2UI declarative JSON format. Includes a Tailwind CSS + shadcn/ui design system flavor for creating beautiful, modern A2UI catalogs and components. Covers A2UI schema management, catalog configuration, A2A transport integration, response parsing/validation, custom catalog creation, and the orchestrator pattern for multi-agent UI r11
25. 217Funnel ClonerPerspectiveco/funnel-clonerClone any landing page or marketing funnel from a URL into the user's Perspective account, rebuilt as closely as possible. Use this whenever the user drops a URL and wants to rebuild, recreate, clone, copy, replicate, or "funnel hack" it as a Perspective funnel — including turning a competitor's funnel into their own, recreating a landing page in Perspective, or "make this in Perspective." Trigger on phrasings like "rebuild this URL in Perspective", "clone this funnel", "copy this landing page into Perspective", "recreate this page as a funnel", "funnel hack this and build it", or even just pa9
26. 218Otel Collector Configs3onghyun/otelcol-doctorUse when authoring, debugging, or reviewing an OpenTelemetry Collector (otelcol) configuration — defining receivers/processors/exporters/connectors, wiring service pipelines, choosing between the core and contrib distributions, or exporting to OTLP/Prometheus/Loki/Tempo/Mimir. Also use when a Collector starts but no data arrives, a component is rejected at startup, or metrics lack expected labels. Triggers on "otelcol", "otel collector config", "collector pipeline", "receivers/processors/exporters", "memory_limiter", "otlp exporter", "prometheusremotewrite", "spanmetrics", "tail_sampling".8
27. 219Anime 80sm-mahadi/anime-80s-skillTurn any brand, product, event, sentence, theme, or reference photo into an original printed piece that looks like it came out of 1980s Japanese anime print culture - theatrical one-sheets, anime-magazine covers, solid colour-field posters, one-ink screenprints, package labels, riso overprints, colored-pencil plates, and giant-word posters. Use whenever the user asks for 80s anime, 90s anime, retro anime, old anime, cel animation, cel-shaded, city pop, showa anime, anime key art, anime movie poster, anime magazine cover, or wants their brand, product, merch, packaging, social post, podcast cov8
28. 220Pbi Themegusbavia/pbi-themeGenerate complete Power BI Desktop theme files from brand colors. Creates production-ready JSON themes with branded canvas backgrounds, CSS design tokens, DAX HTML visual examples, and A4 PDF design system documents. Runs standalone or chained with pbi-lifecycle (auto-saves into the client's Global Theme/pbi-theme/ folder when invoked inside a lifecycle-managed project). Use when user asks to create a Power BI theme, PBI theme, dashboard theme, report branding, or Power BI color palette. Triggers on "create theme", "Power BI branding", "theme generator", "branded dashboard". Supports light/dar8
29. 221Ckw Designconnerkward/ckw-design-skillEntry point for frontend design. Use WHENEVER building or touching the look of any web UI — components, pages, dashboards, landing pages, React/Vue/HTML-CSS — and whenever the user says "make this look better/nicer", "fix the spacing/layout", or mentions styling, color, typography, fonts, responsive design, polish, or aesthetics, even without the word "design". Load design-thinking for direction; design-system for implementation; design-spatial for layout; design-philosophy for visual philosophy or art-direction.9
30. 222Frontend Expertsukirman1901/frontend-expertChat-first frontend UI quality suite — 33 skills across UI Quality, Responsive, Ship FE, and Depth pillars. Token decision tree, compliance gates, anti-AI-slop, motion vocabulary (12 families), marketing landing recipes, and quality loop. Auto-loads on any UI/build/audit/polish request — no slash commands needed.9
31. 223Obsidian Theme DesignerXiangyuSu611/obsidian-theme-designerUse when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".9
32. 224Pair Designmary13/pair-design-agent-skillUse this skill for collaborative UX/UI design work — designing user flows, creating wireframes or prototypes, working through interaction design problems, or making structured design decisions where iteration and rationale matter. Triggers include: 'design a flow', 'create a wireframe', 'let's pair design', 'I need to design X', 'walk me through designing Y', requests for prototype screens, mentions of UX/UI methodology, interaction design, information architecture, or service design. The skill enforces a disciplined one-artifact-at-a-time methodology with clear human-AI roles (Synth/Gen) and 9
33. 225Rsa Whiteboard Teachertangyc828/RSA-Whiteboard-AnimationGenerate RSA-style whiteboard animation storyboards with scene timing, image prompts, and narration scripts. Supports English and Chinese.9
34. 226Wcag AccessibilitymrKanoh/wcag-accessibility-audit-skillWCAG 2.1/2.2 AA accessibility skill: audits, remediation, ARIA roles and patterns, keyboard navigation, focus management, screen reader behavior (NVDA, JAWS, VoiceOver, TalkBack), color contrast, accessible components (modals, menus, tabs, forms, tables, comboboxes), React, Vue, Angular, Svelte and Next.js, mobile a11y (React Native, SwiftUI, Compose), cognitive accessibility, legal compliance (ADA, EAA, Section 508, EN 301 549, VPAT/ACR) and CI testing (axe-core, pa11y, Playwright). Use when the user asks whether UI is accessible or passes WCAG, asks about ARIA, focus traps, live regions, ski9
35. 227Web Card Gamemars-tw/web-card-game-skill維護「阿軒卡牌對戰」時使用。這是一款原生 HTML/CSS/JS 網頁 TCG，包含對戰、卡包、收藏、牌組工作台、每日任務、收藏里程碑與週任務。9
36. 228App UI Sloplessmassipetro/app-ui-sloplessVisual design and UX for native app screens in SwiftUI (iOS and macOS), Jetpack Compose and Compose Multiplatform (KMP). Use whenever the user wants to design, build, restyle, redesign, theme or audit how an iOS, Android or Mac screen, window, flow, component or design system looks and feels — e.g. a screen that looks generic, boring, stock Material or "AI-made"; picking a type scale, colour palette or theme code; giving an app a style (warm premium, neo-brutalist, playful, editorial); or a UX critique of a mobile or Mac screen or screenshot (hierarchy, tap targets, thumb reach, sidebar and to10
37. 229Justskill Designjustskill-ai/justskill-designDesign and edit web pages as a validated HTML file with inline CSS, then fine-tune them on a local canvas. Use this skill whenever the user wants to design, mock up, wireframe, redesign or restyle a web page, app screen, or mobile screen — a landing page, dashboard, settings page, pricing page, empty state, onboarding flow, or any layout built from frames, text, images and icons — or wants to change the spacing, colour, typography or layout of an existing design, turn a design into deliverables, or bring in a `.pen` file. Also use it when the user asks for a visual editor for pages, a design f10
38. 230UX Auditpaulunemoon/ux-audit-skillEvidence-based UX audit of a product that already exists — marketing website, web app, mobile app, or desktop app. LOAD WHEN the request is to evaluate, review, critique, or diagnose an existing interface: "audit the UX of this app", "review this flow", "review this screen", "what's wrong with this onboarding", "why do users drop off here", "audit our current workflow", "is this accessible", "critique this product", "heuristic review", "a11y audit" — and the same intents in French ("audite l'UX", "revois ce parcours / cet écran", "qu'est-ce qui cloche dans cet onboarding", "pourquoi les utilis10
39. 231Designgatesukenik-collab/claude-designgateMandatory human-in-the-loop UI design checkpoint. Use automatically — before writing any UI code — whenever the task involves building, creating, adding, or redesigning a user-facing screen, page, flow, component, interface, or frontend, unless every interaction maps to an already-decided pattern. Verifies a brand brief exists, reads prior UX decisions to avoid re-asking resolved questions, surfaces only genuinely unresolved interaction decisions (batched, max 5), generates a complete screen-generation prompt for the configured design MCP, and enforces a hard human approval gate before impleme8
40. 232Mqc Female Lawyer BrandcastMiaoQichuan/mqc-female-lawyer-brandcast女律师 IP 形象内容工作台。一套固定的风格，播成多种内容形态——用内置的 53 张女律师漫画形象素材，把法律内容做成成套图文：朋友圈九宫格（八股结构）、小红书 3:4 多图、公众号（封面 + 正文插图组）、单张方图、竖版长图。凡是用户要写公众号推文、小红书图文、朋友圈九宫格、普法内容、案例解读、法律科普，或者提到"配图""插图""封面""九宫格""做成图""普法漫画""案情漫画""律师形象""IP 形象"，都要使用这个 Skill。注意：公众号要的是散落在正文段落之间的插图和两张封面，**不是一整张长图**，做公众号一律走 wechat 格式。用户直接给短句让你排版，或者丢一整篇长文、一段案情让你梳理提炼再配图，两种都用它。素材库已内置形象素材，不要调用任何文生图工具。8
41. 233Personal Brand OpsYonasValentin/personal-brand-opsBuild personal brands that convert customers, not just rack up views. Use this skill whenever the user wants to define, scale, or operationalize a personal brand or content operation — including brand positioning, content strategy, posting cadence, platform selection, storytelling, media team hiring, onboarding, 1:1 cadences, work-mode design, or trust-first monetization. Trigger on phrases like "build my brand," "scale my content," "should I post on X platform," "what should I post about," "hire a content team," "FTE vs agency," "30/60/90 onboarding," "media team org chart," "monetize my audi8
42. 234Apple Cn CheckoutCaoran1314/apple-cn-checkout用 bsk_* 浏览器工具在苹果中国官网（apple.com.cn）完成 iPhone 选购与结账。含实测的稳定选择器、5 级门控的一轮批量配方、以及会造成静默失败的坑（networkidle 永不满足 / CSS 猜选择器会打偏 / 点击后立刻读取是旧 DOM）。当用户要求在 Apple 中国官网买手机、加购物袋、或走到微信支付时使用。8
43. 235Design Principlesshualippe/design-principles-skillApply universal design principles to UI/UX review, design feedback, and design documentation. Based on "Universal Principles of Design" (Lidwell, Holden, Butler) — 100 cross-disciplinary principles covering usability, perception, learning, appeal, and decision-making. Use this skill whenever the user asks to review a UI, critique a design, evaluate a mockup or wireframe, give design feedback, write a design spec or design doc, discuss design tradeoffs, improve a layout, or apply design thinking to a product decision. Also trigger when the user asks about specific design concepts like affordanc8
44. 236Elec Sheep Longformbleakbelladonnals/elec-sheep-longformCreate, revise, and quality-check Elec Sheep branded Chinese educational carousels and vertical long-form infographics while preserving the exact robot-sheep IP, warm hand-drawn blue-orange visual system, editable SVG typography, and batch rendering workflow. Use when the user mentions 电子羊, Elec Sheep, the established mascot/IP, 小红书科普长图, an 8-page knowledge carousel, same-character/same-style continuation, or asks to revise existing Elec Sheep pages without identity or layout drift.9
45. 237Figjam Builderprasantloki/figjam-builderBuild or modify FigJam boards via the Figma Plugin API. Use for creating, editing, extending, restructuring, or fixing the layout of a FigJam board. Triggers on "make a FigJam", "build a board", "update this FigJam", "fix the layout", "/figjam-builder", or a FigJam URL paired with a visual or content change.9
46. 238Gcwidonafraid-create/GCWAnalyze, reproduce, recover, and creatively adapt authorized public websites through a staged, evidence-driven workflow. Use for GCW, website teardown or cloning, faithful baselines, design-DNA extraction, WebGL/Canvas/shader reverse engineering, source-loss recovery, route reconstruction, and source-versus-local visual regression.8
47. 239Gpt TasteTao716/gpt-taste-skillElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.9
48. 240Hyprlandmarceloeatworld/hyprland-ai-skillThis skill should be used when the user asks about "Hyprland configuration", "hyprland.lua", "hyprland.conf", "Hyprland Lua config", "hyprctl", "Hyprland keybinds", "Hyprland window rules", "Hyprland monitors", "Hyprland dispatchers", "Hyprland animations", "Hyprland workspaces", "Hyprland IPC", "Hyprland plugins", "hyprlock", "hypridle", "hyprpaper", "hyprcursor", "hyprpicker", "hyprsunset", "xdg-desktop-portal-hyprland", "Hyprland on NixOS", "Hyprland Home Manager", "Hyprland layouts", "Hyprland dwindle", "Hyprland master layout", "Hyprland FAQ", "Hyprland performance", "Hyprland Nvidia", "H9