Design skills

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

service-blueprinting

Create service blueprints - frontstage/backstage visualization, touchpoints, support processes, evidence, and service design methodology.

301 repo starsObserved in 3 repos
Design

working-with-playground-app

This skill provides guidance for building UI/UX prototypes in the Packmind playground app. It should be used when creating a new prototype, iterating on an existing prototype, or working with files in apps/playground/. Triggers on mentions of "playground", "prototype", or direct work within the apps/playground/ directory.

301 repo starsObserved in 1 repos
Design

chatgpt-imagegen

Generate raster images and looping GIF/WebP animations using the user's ChatGPT subscription via a local one-file Python CLI — no OPENAI_API_KEY, no gateway, no daemon. Two backends: web (default) drives the user's logged-in ChatGPT browser so generation runs on the conversation surface and does NOT consume Codex-usage limits; codex is a headless fallback that bills the Codex-usage bucket. Use when an agent needs to create a brand-new bitmap asset for the current project (photos, illustrations, icons, hero banners, mockups, sprites, concept art, animation loops) and the output should be saved into the workspace. Do not use when the task is better solved by editing existing SVG/vector assets, writing code-native graphics (HTML/CSS/canvas), or extending an established repo icon system. Also use proactively: when authoring a document, blog post, technical proposal, design doc, README, or other long-form explanatory content, propose illustrations for the key concepts and generate them as background tasks — don't wait to be asked for an image.

295 repo starsObserved in 1 repos
Design

mino-architecture-quality-strategy

複数module・data ownership・system-wide trade-off・公開契約・target/transition architecture・migration/recoveryを、product valueと品質scenarioから設計するときに使う。局所class改善、流行architecture選定、単一契約抽出には使わない。

295 repo starsObserved in 1 repos
Design

android-mobile-frontend-design

Design and review Android mobile frontend experiences with pragmatic attention to touch ergonomics, adaptive layouts, accessibility, state handling, and implementation handoff. Use when asked to design Android screens, improve mobile UI/UX, critique frontend flows, or translate product requirements into Android-ready interface guidance.

293 repo starsObserved in 1 repos
Design

interaction-design

Design meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design.

292 repo starsObserved in 1 repos
Design

design-ui-window

Redesigns or normalises any XerahS Avalonia .axaml page, dialog, or tool window to consistent app quality. Enforces layout, spacing, theming, surfaces, buttons, scrollbars, accessibility, and visual hierarchy. Only changes visuals, layout, and styles; never business logic, bindings, or public view-model API. Reusable by updating target_view_path.

290 repo starsObserved in 1 repos
Design

skill_design

Create the Visual Interface for audio plugins. Use when user mentions UI design, mockup, WebView interface, or requests 'design UI for [plugin]'.

289 repo starsObserved in 2 repos
Design

illo

Creates original editorial illustrations where a recurring mascot character performs the idea — one caught scene by default, a hand-built explainer diagram (a flow, fan-out, timeline, loop, or stack) when the structure itself is the point, or a transparent character cutout (pose-only compositing asset, no scene or text) — in one of sixteen bundled looks (fifteen print, plus a photoreal toy-brick set). Also handles "surprise me" / "random" (optionally scoped to a focus or character): invents or fetches a safe seed idea and renders one headless image. Triggers only when the skill is directly invoked or "illo" is requested; never on generic illustrate / draw / make-an-image requests.

289 repo starsObserved in 1 repos
Design

posterly

Build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/etc.) as a single HTML/CSS file and render it to print-ready PDF via headless Chromium. Use when user says "做海报", "poster", "ICML/NeurIPS/ICLR poster", or asks to design/edit a research poster.

288 repo starsObserved in 1 repos
Design