Agent Skill 目录与安装教程 — ClawHub、SkillsMP 与开源 Skill

io.clawhub.binggg/ui-design-guide

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

io.clawhub.dlazyai/dlazy-image-social-media

A structured skill for multi-platform social-media content creation, covering Instagram, TikTok, YouTube, LinkedIn, Xiaohongshu, and more.

io.clawhub.mkhaytman87/awwwards-design

Create award-winning, memorable websites with advanced animations, creative interactions, and distinctive visual experiences. Use this skill when building sites that need to be exceptional—portfolio sites, agency showcases, product launches, or any project where "wow factor" matters.

Api Designer

v0.1.0

io.clawhub.veeramanikandanr48/api-designer

Use when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture. Invoke for resource modeling, versioning strategies, pagination patterns, error handling standards.

io.clawhub.mattvalenta/pls-canvas-design

Generates original visual art and posters as PNG or PDF files using defined design philosophies like minimalism, brutalism, or skeuomorphism.

io.clawhub.cmanfre7/design-assets

Create and edit icons, favicons, images, and color palettes using macOS tools, ImageMagick, SVG, and AI image generation.

Database Designer

v2.1.1

io.clawhub.alirezarezvani/database-designer

Database Designer - POWERFUL Tier Skill

io.clawhub.ahump20/frontend-design-2

Create 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.

io.clawhub.wpank/ui-design

Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.

io.clawhub.xsir0/frontend-design-extractor

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

io.clawhub.wpank/design-system-creation

Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token architecture, components, and motion. Use when starting a new design system or refactoring an existing one. Triggers on create design system, design tokens, design system setup, visual identity, theming.

Ui Design System

v2.1.1

io.clawhub.alirezarezvani/ui-design-system

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations.

io.clawhub.wing8169/ui-ux-dev

Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.

io.clawhub.likaku/mck-ppt-design

Create professional, consultant-grade PowerPoint presentations from scratch using python-pptx with McKinsey-style design.

io.clawhub.moxunjinmu/elite-frontend-design

前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于：静态图片设计（用 canvas-design）、公众号配图（用 weixin-canvas-design）。

io.clawhub.iammarcellus/anthropics-frontend-design

Create distinctive, production-grade frontend interfaces with high design quality.

io.clawhub.bytesagain3/database-design

数据库设计助手。表设计、范式化、索引策略、迁移脚本、测试数据、ER图描述。Database designer with normalization, indexing, migration, seeding, ER diagrams. 数据库、MySQL。

io.clawhub.mikonos/interview-designer

Analyze resumes and design interview strategies using evidence-based methodology. Transforms interview prep from "read resume → ask questions" into "define standard → forensic evidence → future simulation". Combines Geoff Smart's Topgrading, Lou Adler's performance-based hiring, and Daniel Kahneman's bias control. Use when preparing for interviews, creating structured interview guides, or designing questions to validate candidate competencies.

io.clawhub.mars2003/flexible-database-design

Guide agents and users to design and implement a "flexible database" on SQLite that can handle semi-structured, multi-source data.

Ux Researcher Designer

v2.1.1

io.clawhub.alirezarezvani/ux-researcher-designer

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks.

io.clawhub.hilongjw/seede-design

The ultimate AI design CLI for Agents and Developers. Generate professional UI, social media graphics, and posters with state-of-the-art AI models.

io.clawhub.felipeoff/ant-design-skill

Skill for efficiently building React UIs using Ant Design v5+ with layouts, forms, tables, modals, theming via ConfigProvider.