Browse Secure Claude Skills
Search verified agent skills and review security grades before installing · full A–Z index
- Product CatchallProduct: product management, UX research, UI design, design systems. Triggers: product spec, prd, user flow, wireframe, mockup, prototype, user research, persona, usability test, design system, ui design, ux, roadmap, feature prioritization.Votes: 0GitHub stars: 18
- Design PatternsVisual design patterns, design tokens, component specifications, WCAG complianceVotes: 0GitHub stars: 13
- Web Ui UxWeb UI/UX specialist guidance for designing, reviewing, and polishing web product UI (layout, usability, microcopy, accessibility, responsive behavior, forms, navigation). Use when asked to improve UI/UX, audit a page, design a screen, create a component spec, or generate HTML head/manifest/icon guidance for a web app; optionally applicable to Unreal UI (UMG) for UX heuristics.Votes: 0GitHub stars: 2
- Frontend Design創建具有高設計質量的獨特、生產級別的前端界面。當用戶要求構建網頁組件、頁面或應用程式時使用此技能。生成有創意、精緻的代碼，避免通用的 AI 美學。Votes: 0GitHub stars: 26
- frontend-designCreate distinctive, production-grade frontend interfaces 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, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.Votes: 0GitHub stars: 33
- DevelopmentDesign and implement terminal user interfaces with a Kali Linux-inspired aesthetic - clean, professional, hacker-style terminals that convey technical competence.Votes: 0GitHub stars: 722
- specimenTypography system compiler that generates structured type scales, font stacks, and typographic tokens. Use when users request type systems, font scales, typography tokens, design system typography, or ask to create/export typographic styles. Pairs with hexed for complete design systems.Votes: 0GitHub stars: 2
- EYES PEELED - Contrast & Accessibility ValidatorValidates WCAG color accessibility compliance and generates compliant alternatives while preserving design intent. Acts as quality control for color palettes and design systems.Votes: 0GitHub stars: 5
- Hexed**Hexed** is an image-to-color-system compiler that extracts structured color palettes from visual references.Votes: 0GitHub stars: 3
- smart-illustrator智能配图与 PPT 信息图生成器。支持三种模式：(1) 文章配图模式 - 分析文章内容，生成插图；(2) PPT/Slides 模式 - 生成批量信息图；(3) Cover 模式 - 生成封面图。所有模式默认生成图片，`--prompt-only` 只输出 prompt。触发词：配图、插图、PPT、slides、封面图、thumbnail、cover。Votes: 0GitHub stars: 553
- Responsive Design AdvisorDesign responsive layouts with breakpoints, mobile-first approach, and flexible grids. Use when creating responsive designs, implementing breakpoints, or optimizing for multiple screen sizes.Votes: 0GitHub stars: 29
- Patent Diagram GeneratorCreate patent-style technical diagrams including flowcharts, block diagrams, and system architectures using Graphviz with reference numberingVotes: 0GitHub stars: 196
- ClarityHuman-first UX strategy. Solve the right problem before solving it beautifully. Use when the user says "clarity", "clarity ux", "ux research". Produces evidence-based UX artifacts that prepare for visual design.Votes: 0GitHub stars: 26
- BlissCreate distinctive, high-quality frontend interfaces with high design quality. Use when the user says "bliss", "bliss ui", or "bliss interface". Generates creative, accessible, polished code that avoids generic AI aesthetics.Votes: 0GitHub stars: 26
- Drawnote智能笔记与流程图绘制工具（优化版-无权限读取）。根据用户提供的内容，自动生成精美的可视化笔记和流程图，支持多种风格(手写笔记、思维导图、流程图等)，并导出为图片。使用内置模板，无需读取文件权限。适用于：(1) 学习笔记可视化，(2) 知识梳理与总结，(3) 流程图绘制，(4) 概念解释图表Votes: 0GitHub stars: 428
- Mermaid DiagramsCreating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.Votes: 2GitHub stars: 213
- Ui Ux Pro MaxUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorp...Votes: 0GitHub stars: 132,809
- Ui Component Generator专业的 UI 组件自动生成工具，可以根据设计需求快速生成 React、Vue、Angular 等现代前端框架的组件代码。Votes: 0GitHub stars: 7
- Brand GuidelinesProfessional brand consistency enforcement and corporate identity management with support for color palettes, typography, logo usage, tone of voice, and multi-channel brand application. Use for: (1) Creating brand style guides, (2) Enforcing brand consistency across documents, (3) Logo usage validation, (4) Typography standards, (5) Color palette management, (6) Brand voice guidelinesVotes: 0GitHub stars: 29
- Brand YmlCreate and use `_brand.yml` files for consistent branding across Shiny applications and Quarto documents.Votes: 0GitHub stars: 517