Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

ldls-web

LDLS UI React design system rules (@ledgerhq/lumen-ui-react)

604 repo starsObserved in 1 repos
Design

seedream-imagegen

用 ByteDance Seedream 4.0 API(经 Segmind)生成 AI 图像。当用户要从文字描述生成营销素材、海报、产品图、概念图、社交媒体配图等高质量图像,且环境配有 SEGMIND_API_KEY 时使用。支持 2K/4K、多比例、单次最多 15 张批量、最多 3 张参考图控风格。不用于:修改/编辑已有图片(用图像编辑类 skill)、视频生成、无 API 环境下的快速配图需求。

602 repo starsObserved in 1 repos
Design

igniteui-angular-theming

Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server. Use when users ask to theme, restyle, or style Ignite UI components, change colors or the color palette, switch between light and dark themes, create or apply a global theme, customize typography or elevation shadows, adjust spacing, sizing, or roundness, or configure per-component design tokens. Do NOT use for component behavior, APIs, or data binding — use igniteui-angular-components or igniteui-angular-grids instead.

601 repo starsObserved in 2 repos
Design

eval-graphics

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. For producing the charts in a published eval/data study.

600 repo starsObserved in 1 repos
Design

plot-from-data

Generate publication-quality matplotlib figures by selecting a pre-built paper style and substituting user data. Use when: user provides data (numbers, arrays, or CSV) and wants a chart in a specific academic style; user asks to "plot this data", "make a bar chart", "draw a radar chart", "用这个风格画图", "把我的数据画出来"; or user selects a style name from the style catalog (bar_paired_delta, bar_grouped_hatch, line_confidence_band, line_training_curve, line_loss_with_inset, scatter_tsne_cluster, scatter_broken_axis, radar_dual_series).

595 repo starsObserved in 2 repos
Design

book-illustrator

《图解 Skill —— AI 提效实战指南》专用配图技能。分析本书章节、附录或书稿内容,批量识别需要视觉辅助的位置,并行生成本书统一风格的插图提示词,批量出图,最后回写书稿。 当用户要求"为本书配图"、"给本书章节生成插图"、"补画书中插图"、"重画本书配图"、"生成章节信息图"时使用此技能。 不用于普通文章、营销图、社媒图或其他书籍的通用配图任务。

592 repo starsObserved in 2 repos
Design

inclusive-design

Use when working on inclusion, i18n/localization, global name/address forms, low-end devices, slow/metered networks, affordability, or first-time/low-confidence users; not WCAG/screen readers (see accessibility).

589 repo starsObserved in 1 repos
Design

figma-use

Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images. Use when asked to create/modify Figma designs or automate design tasks.

584 repo starsObserved in 1 repos
Design

debug-ui-layout

Optimize text copy to fit rendered UI layout using spacewave-debug eval to measure exact line breaks and eliminate orphans.

581 repo starsObserved in 1 repos
Design

nw-discovery-methodology

Question-first approach to understanding user journeys. Load when starting a new journey design or when the discovery phase needs deepening.

577 repo starsObserved in 3 repos
Design