Design skills

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

diagram-monochrome

This skill should be used when the user asks to "create a diagram", "draw a schematic", "make a technical diagram", "monochrome diagram", "black and white diagram", "systems diagram", "architecture diagram", "supply chain diagram", or mentions creating line-art, technical schematics, or monochrome visual explainers.

498 repo starsObserved in 1 repos
Design

fec-accessibility-check

Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA labels, screen reader behavior, WCAG 2.2 issues, touch accessibility, or assistive-technology regressions; Chinese triggers include 无障碍, accessibility, a11y, WCAG, 屏幕阅读器.

498 repo starsObserved in 1 repos
Design

Fixed Video Format (9:16)

Fixed 1080x1920 pixel video format with percentage-based positioning. Use this when laying out video compositions, positioning elements on the canvas, or calculating dimensions. All videos render at exactly 9:16 aspect ratio for TikTok/Instagram Reels.

498 repo starsObserved in 1 repos
Design

frontend-css-patterns

Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.

498 repo starsObserved in 1 repos
Design

frontend-image-generation

Image sourcing for UI. Free first (DiceBear avatars, Unsplash photos, unDraw illustrations). AI generation only for custom needs.

498 repo starsObserved in 1 repos
Design

github-profile-architect

Architects high-impact GitHub Profile READMEs using the "Special Repository" mechanism. optimizing for recruitment signaling, visual semiotics, and dynamic automation (Actions, WakaTime).

498 repo starsObserved in 1 repos
Design

interface-design

Design user interfaces. Use when creating layouts, wireframes, or UI specifications. Covers design principles and UI patterns.

498 repo starsObserved in 1 repos
Design

jsgui3-wlilo-ui

Use when designing or polishing jsgui3 UIs in the WLILO style (White Leather + Industrial Luxury Obsidian): tokens, panels, tables, icon actions, and interaction-safe styling. Triggers: jsgui3 ui design, wlilo ui, dashboard styling, table styling, controls styling, obsidian panel, white leather background.

498 repo starsObserved in 1 repos
Design

kpi-dashboard

KPI dashboard cho PikaRobot: key metrics at a glance. TRIGGERS: "KPI dashboard", "metrics dashboard", "key metrics", "dashboard", "bảng KPI". NOT FOR: Detailed financial model (→05/), product metrics deep-dive (→04/4_Measure/).

498 repo starsObserved in 1 repos
Design