Curated agent skills for design system — compare tools, clone hosted repos, and install with Skill Manager.

Agent Skills Hub

Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.

Clear

55 skills found

EngineeringResearchProductivity
buildwithclaude avatar

buildwithclaude

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns to create structured design reports.

Views: 50★ 3,128
ContentMarketingProductivity
baoyu-xhs-images avatar

baoyu-xhs-images

[Deprecated] Generates Xiaohongshu (Little Red Book) image card series. Breaks content into 1-10 cartoon-style slides with 12 styles, 8 layouts, and color palettes. Use for social media infographics.

Views: 34★ 22,768
Engineering
frontend-design-pro avatar

frontend-design-pro

Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.

Views: 214
Engineering
french-claude avatar

french-claude

A design-focused coding agent that brings world-class interface craft, motion, and systematic front-end engineering to your development workflow.

Views: 43★ 2
EngineeringProductivity
claude-code-web-cli avatar

claude-code-web-cli

Build custom authentication UIs for Next.js applications using Clerk's headless UI primitives and elements.

Views: 21
EngineeringProductivity
ui-ux-reviewer avatar

ui-ux-reviewer

Analyze UI/UX quality against 4 authoritative standards (NNg, Laws of UX, Apple HIG, WCAG) to receive actionable design and accessibility improvements for mobile and web components.

Views: 54★ 1
ProductivityContentAutomation
presentation-reviewer avatar

presentation-reviewer

AI-powered PowerPoint presentation reviewer using top-tier consulting standards (McKinsey, BCG) for structure, storytelling, clarity, design, and DSFR compliance.

Views: 44
EngineeringProductivity
cloudscape-codegen avatar

cloudscape-codegen

Generate production-ready Cloudscape Design System React + TypeScript UI code, components, and scaffolds with accessibility, responsive patterns, and robust state handling.

Views: 25
ProductivityContentEducation
make-slide avatar

make-slide

Generate professional, single-file HTML presentations with speaker notes. Supports themes, layouts, and PPTX export for decks, talks, and pitches.

Views: 28★ 60
EngineeringProductivityAutomation
creating-mermaid-diagrams avatar

creating-mermaid-diagrams

Generates GitHub-compatible Mermaid diagrams with tested color palettes, local SVG/PNG preview, and gist-based rendering support.

Views: 22★ 4
EngineeringProductivityAutomation
aesthetic avatar

aesthetic

Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.

Views: 18★ 1
ContentEngineeringAutomation
pellicule avatar

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

Views: 24★ 67

Helpful links

Related searches

FAQ

What are AI agent skills for design system?
They are reusable instructions and tooling packs that help AI coding agents perform design system-related tasks more reliably.
How do I install a skill from this page?
Open a skill detail page, then follow the install guidance or use Mentalok Skill Manager to sync skills into your agent environment.
Is this the same as searching Skills Hub?
This page is a dedicated landing for design system. Interactive semantic search lives on the main Skills Hub search box.