Design

UI/UX direction, visual design, and design systems

Showing 1945-1968 of 4665 skills
TakaGoto

challenge

by TakaGoto

"Take on a hands-on RAG challenge"

Design 24 6mo ago
kychee-com

run402

by kychee-com

Provision Postgres + REST API + auth + content-addressed storage + serverless functions + email — paid with x402 USDC on Base. Prototype tier is free on testnet. Use when the user asks to build a webapp, deploy a site, create a database, generate images, or mentions Run402.

Auth 24 4mo ago
fancyai-official

street-style-photographer

by fancyai-official

You are a street style photographer in the spirit of The Impression and Vogue street style coverage. Use when the user provides garment, outfit, or model images and wants candid fashion week street style photos, editorial street snaps, or city-based fashion photography concepts.

Code Gen 977 5mo ago
fancyai-official

kidswear-photography-master-github

by fancyai-official

Professional kidswear photography generation system. Receives a white-background kidswear image, sequentially asks for model characteristics (gender/type/age group), recommends 6 matching scenes, and generates five 3:4 vertical commercial blockbuster shots using a 4-layer prompt structure. Use this skill when the user mentions "generate kidswear model images", "change kidswear background", "kidswear try-on effect", "kidswear commercial shots", or directly uploads a kidswear image requesting a model/scene generation.

Design 977 5mo ago
fancyai-official

appliance-skill

by fancyai-official

Analyzes small appliance product features and generates high-end commercial photography. Use when the user uploads a product image, describes a small appliance, wants to generate commercial photography, create e-commerce hero images, or brand posters. Trigger words: small appliances, product photography, commercial photo, generate image, e-commerce hero, product poster, headphones, hair dryer, air fryer, rice cooker, robot vacuum, smartwatch, neck fan, etc.

Design 977 5mo ago
rileyhilliard

visualizing-with-mermaid

by rileyhilliard

Creates professional Mermaid diagrams with semantic styling and visual hierarchy. Use when creating flowcharts, sequence diagrams, state machines, class diagrams, or architecture visualizations.

Design 130 9mo ago
fancyai-official

beauty-photography-master

by fancyai-official

Use this skill whenever the user uploads a perfume or beauty product photo and wants luxury advertising campaign images or short video ads. It covers product identification, creative direction, prompt construction, parallel campaign image generation, visual QA, curation, iteration, and optional video ad generation. Triggers on perfume ad photography, beauty campaign, fragrance creative direction, product shoot styling, bottle photography, cosmetic ad, luxury brand campaign, , , , , or any request to turn a product photo into a premium ad image or short ad video.

Design 977 5mo ago
fancyai-official

Design with an Icon

by fancyai-official

Design 977 5mo ago
fancyai-official

editorial-fashion-six

by fancyai-official

"Six fixed 3:4 editorial fashion storyboard images from the same SKU's multi-angle white-background product photos. Covers brand ID, layered non-flat scenes (reference-scenes), styling (reference-outfit), poses (reference-pose-vocabulary), optional web research, triple-choice, hero-image anchoring, HTTP nano-banana generation, and per-frame QC with targeted regeneration only; bright natural daylight; do not paste full prompts in chat. Use for six editorial, magazine, or mood shots, lookbook storyboards, or nano-banana synced generation for one garment. Triggers include requests for six frames, six editorial images, storyboard six, magazine-style, nano banana image gen. Do not use for eight-slot global PDP or marketplace detail-page matrices—use ecommerce-fashion-workflow instead."

Design 977 5mo ago
fancyai-official

Fashion Campaign Crew

by fancyai-official

Design 977 5mo ago
fancyai-official

beverage-photography-master-github

by fancyai-official

Beverage commercial photography expert. Given a product image, automatically analyzes product → selects aesthetic style → builds Prompts → batch generates 5 × 4K images (dynamic splash / macro close-up / lifestyle narrative / still life atmosphere / creative concept) → compresses and saves locally with real-time preview. Use when the user mentions "beverage shoot", "product photography", "commercial photography", "help me shoot", or uploads a beverage product image.

Design 977 5mo ago
pluginagentmarketplace

prototyping

by pluginagentmarketplace

Master prototyping - Figma, wireframes, interactive prototypes, user testing, iteration

Design 3 9mo ago
goncalossilva

web-design

by goncalossilva

"Design and implement distinctive, production-ready web interfaces with strong aesthetic direction. Use when asked to create or restyle web pages, components, or applications (HTML/CSS/JS, React, Vue, etc.)."

Animation 23 8mo ago
gaia-research

update-suite-instructions

by gaia-research

Sync suite skill installation instructions with upstream sources and ensure Gaia-compliant styling.

Design 23 2mo ago
resend

resend-design-skills

by resend

Use when needing Resend design resources. Routes to brand guidelines, visual identity, and other design sub-skills.

Design 40 8mo ago
tddworks

ios-ux-prototype

by tddworks

Create interactive iOS/mobile app UX flow prototypes as HTML documents with realistic phone mockups. Use when: (1) Visualizing user journeys and navigation flows, (2) Creating mobile app wireframes, (3) Documenting screen-to-screen navigation patterns, (4) Presenting iOS UI designs with annotations, (5) Prototyping app architecture before implementation. Generates self-contained HTML files with iOS-native styling, phone frames, flow arrows, and callout annotations.

Comments 40 9mo ago
jthorare

design-analyze

by jthorare

Detect web vs iOS automatically and delegate to /design-analyze-web (Dembrandt CLI on URLs) or /design-analyze-ios (Swift/Xcode asset extraction). Writes design-tokens.json.

Code Review 1 26d ago
NimaChu

free-imagegen

by NimaChu

Fully local free text-to-image skill for OpenClaw and general assets. Generates SVG from prompt, then converts SVG to PNG with local tools only (no online API calls).

Design 120 6mo ago
OmniNode-ai

/onex:design_to_plan — one command, one typed result

by OmniNode-ai

End-to-end design workflow — brainstorm ideas into structured implementation plans with optional

Agents 4 4mo ago
zzstoatzz

toast-copy

by zzstoatzz

writing toast/notification copy for plyr.fm — length, tone, progress flows, and the repo's toast API conventions. use whenever adding or editing a toast.

Design 22 1mo ago
jthorare

ui-evidence

by jthorare

Generate Playwright-based UI evidence for a web app PR — plan with qa-runner, run headless with no model, repair broken selectors via judge, lint for sloppiness, and publish (ask-first) to Linear and to the PR as a comment with its screenshots. Local stack only, never dev/prod.

Comments 1 3d ago
jbaruch

presentation-creator

by jbaruch

Creates presentations grounded in the speaker's documented rhetoric patterns, using a personal rhetoric-knowledge-vault as a constitutional style guide. Interactive and spec-driven: distill intent, jointly select rhetorical instruments from the vault catalog, architect the talk, develop content with speaker notes, run guardrail checks, generate a .pptx deck, publish per the speaker's workflow. Use whenever the user wants to create a presentation, build a talk, write a conference submission, design a slide deck, prepare for a speaking engagement, describe a topic to present on, or adapt an existing talk for a new audience. Also handles CFP abstracts; the sessions catalog of submission-ready titles, abstracts, and outlines; and single post-authoring tasks on an existing talk — QR code, deck export, shownotes page, YouTube thumbnail, linking a recording. Not a generic slide-deck tool — requires a populated rhetoric-knowledge-vault and follows the speaker's established style.

Code Gen 22 1mo ago
Peiiii

claude-design-pack

by Peiiii

"Design toolkit: UI/UX, themes, brand guidelines, and generative art."

Design 115 9mo ago
pmcfadin

flow-groom

by pmcfadin

Turn a rough idea into one scoped, labeled GitHub issue (one P0–P3, board Status set to Ready/Backlog, testable acceptance criteria), and decide oracle-vs-design routing. First stage of the CQLite delivery pipeline. Use when the owner says "groom <idea>", "file an issue for X", or brings a rough idea to scope.

Code Gen 22 1mo ago