Design skills

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

stac-screen-builder

Build Stac DSL screens and themes from product requirements with safe defaults and reusable templates. Use when users ask to create or refactor StacScreen files, map UI requirements to Stac widgets/actions/styles, or scaffold new screen/theme files.

895 repo starsObserved in 1 repos
Design

theme-creation

Create, update, or plan a Stencila theme for documents or published sites. Use when asked to choose a theme direction, write or patch theme.css, recommend semantic or module token families, customize site navigation or branding, tune PDF and print page tokens, align web, Python, and R plots with a Stencila design system, list available builtin tokens with `stencila themes tokens`, or validate a theme file with `stencila themes validate`.

895 repo starsObserved in 1 repos
Design

swiftui-liquid-glass

Implement, review, or improve SwiftUI Liquid Glass effects for iOS 26+. Covers glassEffect modifier, GlassEffectContainer, glass button styles, glass toolbar/tab bar, static status badges vs interactive controls, morphing transitions, tinting, interactive glass, ToolbarSpacer, scrollEdgeEffectStyle, backgroundExtensionEffect, and availability gating. Use when asked about Liquid Glass, glass buttons, glassEffect, GlassEffectTransition, glassEffectID, glassEffectUnion, scroll edge effects, or adopting iOS 26 design.

892 repo starsObserved in 2 repos
Design

ccf-visual-composer

Compose, polish, generate, and QA publication-grade CCF paper figures, tables, captions, palettes, panel maps, Python plotting code, and manuscript visual layout integration from supplied data/results. Use for figure/table layout, visual QA, palette selection, LaTeX figure/table placement, multi-panel design, creative data visualization, data-analysis plots, pie/donut charts, bar charts, volcano plots, correlation heatmaps, composite dashboards, source-data traceability, and making visuals fit naturally in the paper. Do not design experiments, invent results, write manuscript prose as the main task, or perform final submission compliance.

892 repo starsObserved in 1 repos
Design

app-builder

Build and edit small, personal visual tools and artifacts — dashboards, trackers, calculators, data visualizations, charts, simple landing pages, and slide decks the user wants for THEMSELVES. This is the right skill whenever the user asks to "visualize this," "make a chart," or "build an artifact" for their own use, or to edit an app they already built here. Do NOT reach for a ui_show dynamic_page to fake an artifact — build a real persistent app here. NOT for complex, multi-user, or shippable products — those go to a real project folder with a coding agent (see Scope below).

886 repo starsObserved in 1 repos
Design

vellum-workspace-theme

Customize the app's visual theme — author design-token overrides (accent, background, surfaces, text, message-bubble colors) in the workspace ui/theme.json, validated by the assistant runtime and applied live to connected clients. Covers the token slots, the all-or-none override groups, the contrast floor, and reading back validation issues.

886 repo starsObserved in 1 repos
Design

ui-iteration

Agent Loop for pixel-perfect UI adjustments: extract a structured spec from the user's intent, apply changes one property at a time, self-verify via screenshot, and converge instead of ping-ponging. Designed for high-fidelity UI cloning and spacing/style iteration.

884 repo starsObserved in 1 repos
Design

visualization

Create publication-quality scientific figures and plots using Python (matplotlib, seaborn, plotly). Supports bar charts, scatter plots, heatmaps, box plots, violin plots, survival curves, network graphs, and more. Use when user asks to plot data, create figures, make charts, visualize results, or generate publication-ready graphics. Triggers on "plot", "chart", "figure", "graph", "visualize", "heatmap", "scatter plot", "bar chart", "histogram".

866 repo starsObserved in 3 repos
Design

f8-editor-ui-workflow

Use when working with UI editor tools — sprite slicing, atlas tools, safe area setup, BaseView template creation, and UI utility components in F8Framework.

866 repo starsObserved in 2 repos
Design

design-first

Shape non-trivial work before writing it — decide the modules, the seams, and the public API surface up front. Use when starting a feature, adding an integration, changing a public barrel file, crossing a package or native-interop boundary, or deciding where a seam should go. Produces a design sketch to approve before implementation, then hands off to code-guidelines and test-guidelines.

864 repo starsObserved in 1 repos
Design