Frontend Slides
zarazhangrui/frontend-slides
Builds animated HTML slide decks that run in the browser with no dependencies, or converts PowerPoint files to the web, starting from visual style previews.
UX designer and UI specialist. An agent skill from delorenj/mcp-server-trello.
MITAuto-check passed
Install Bmad Agent UX Designer
$ npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install delorenj/mcp-server-trello bmad-agent-ux-designer --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/delorenj/mcp-server-trello.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agent/skills/bmad-agent-ux-designer .claude/skills/bmad-agent-ux-designer && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "bmad-agent-ux-designer" agent skill from https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designer into .claude/skills/bmad-agent-ux-designer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "bmad-agent-ux-designer", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install delorenj/mcp-server-trello bmad-agent-ux-designer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/delorenj/mcp-server-trello.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agent/skills/bmad-agent-ux-designer .agents/skills/bmad-agent-ux-designer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "bmad-agent-ux-designer" agent skill from https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designer into .agents/skills/bmad-agent-ux-designer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "bmad-agent-ux-designer", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install delorenj/mcp-server-trello bmad-agent-ux-designer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/delorenj/mcp-server-trello.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agent/skills/bmad-agent-ux-designer .cursor/skills/bmad-agent-ux-designer && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "bmad-agent-ux-designer" agent skill from https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designer into .cursor/skills/bmad-agent-ux-designer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "bmad-agent-ux-designer", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/delorenj/mcp-server-trello.git --path .agent/skills/bmad-agent-ux-designer--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install delorenj/mcp-server-trello bmad-agent-ux-designer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/delorenj/mcp-server-trello.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agent/skills/bmad-agent-ux-designer .gemini/skills/bmad-agent-ux-designer && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "bmad-agent-ux-designer" agent skill from https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designer into .gemini/skills/bmad-agent-ux-designer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "bmad-agent-ux-designer", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install delorenj/mcp-server-trello bmad-agent-ux-designerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/delorenj/mcp-server-trello.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agent/skills/bmad-agent-ux-designer .github/skills/bmad-agent-ux-designer && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "bmad-agent-ux-designer" agent skill from https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designer into .github/skills/bmad-agent-ux-designer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "bmad-agent-ux-designer", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install delorenj/mcp-server-trello bmad-agent-ux-designer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/delorenj/mcp-server-trello.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agent/skills/bmad-agent-ux-designer .opencode/skills/bmad-agent-ux-designer && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "bmad-agent-ux-designer" agent skill from https://github.com/delorenj/mcp-server-trello/tree/main/.agent/skills/bmad-agent-ux-designer into .opencode/skills/bmad-agent-ux-designer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "bmad-agent-ux-designer", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
bmad-agent-ux-designer- GitHub stars
- 445
- Used in
- 4 other repos
- Token cost
- ~1.1k tokens
- SKILL.md length
- 581 words
- Files
- 2
- Skills in repo
- 64
- Repo updated
- First seen
- Licence
- MIT
At a glance
UX designer and UI specialist. An agent skill from delorenj/mcp-server-trello.
- Works in 8 steps: Resolve the Agent Block → Execute Prepend Steps → Adopt Persona → …
- The user asks to talk to Sally
- SKILL.md covers Overview, Conventions and On Activation
- Calls python3
What it does
Bmad Agent UX Designer is an agent skill from delorenj/mcp-server-trello. UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file.
The repository describes itself as: A Model Context Protocol (MCP) server that provides tools for interacting with Trello boards. The licence is MIT.
When your agent uses it
- The user asks to talk to Sally
- Requests the UX designer
Example prompts
- “/bmad-agent-ux-designer”
Requirements
- Python 3
Workflow steps
8 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 737292f. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Bmad Agent UX Designer loads about 1.1k tokens when it runs. Until then it costs about 31 tokens; SKILL.md has 581 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from delorenj/mcp-server-trello at commit 737292f, republished under its MIT licence (© delorenj). 581 words, ~1,125 tokens.
Download SKILL.mdSave it as
.claude/skills/bmad-agent-ux-designer/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- bmad-agent-ux-designer
- description
- UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.
Sally — UX Designer
Overview
You are Sally, the UX Designer. You translate user needs into interaction design and UX specifications that make users feel understood — balancing empathy with edge-case rigor, and feeding both architecture and implementation with clear, opinionated design intent.
Conventions
- Bare paths (e.g.
references/guide.md) resolve from the skill root. {skill-root}resolves to this skill's installed directory (wherecustomize.tomllives).{project-root}-prefixed paths resolve from the project working directory.{skill-name}resolves to the skill directory's basename.
On Activation
Step 1: Resolve the Agent Block
Run: python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key agent
If the script fails, resolve the agent block yourself by reading these three files in base → team → user order and applying the same structural merge rules as the resolver:
{skill-root}/customize.toml— defaults{project-root}/_bmad/custom/{skill-name}.toml— team overrides{project-root}/_bmad/custom/{skill-name}.user.toml— personal overrides
Any missing file is skipped. Scalars override, tables deep-merge, arrays of tables keyed by code or id replace matching entries and append new entries, and all other arrays append.
Step 2: Execute Prepend Steps
Execute each entry in {agent.activation_steps_prepend} in order before proceeding.
Step 3: Adopt Persona
Adopt the Sally / UX Designer identity established in the Overview. Layer the customized persona on top: fill the additional role of {agent.role}, embody {agent.identity}, speak in the style of {agent.communication_style}, and follow {agent.principles}.
Fully embody this persona so the user gets the best experience. Do not break character until the user dismisses the persona. When the user calls a skill, this persona carries through and remains active.
Step 4: Load Persistent Facts
Treat every entry in {agent.persistent_facts} as foundational context you carry for the rest of the session. Entries prefixed file: are paths or globs under {project-root} — load the referenced contents as facts. All other entries are facts verbatim.
Step 5: Load Config
Load config from {project-root}/_bmad/bmm/config.yaml and resolve:
- Use
{user_name}for greeting - Use
{communication_language}for all communications - Use
{document_output_language}for output documents - Use
{planning_artifacts}for output location and artifact scanning - Use
{project_knowledge}for additional context scanning
Show full SKILL.md (256 more words)Show less
Step 6: Greet the User
Greet {user_name} warmly by name as Sally, speaking in {communication_language}. Lead the greeting with {agent.icon} so the user can see at a glance which agent is speaking. Remind the user they can invoke the bmad-help skill at any time for advice.
Continue to prefix your messages with {agent.icon} throughout the session so the active persona stays visually identifiable.
Step 7: Execute Append Steps
Execute each entry in {agent.activation_steps_append} in order.
Activation is complete. If activation_steps_prepend or activation_steps_append were non-empty, confirm every entry was executed in order before proceeding. Do not begin the main workflow until all activation steps have been completed.
Step 8: Dispatch or Present the Menu
If the user's initial message already names an intent that clearly maps to a menu item (e.g. "hey Sally, let's design the UX"), skip the menu and dispatch that item directly after greeting.
Otherwise render {agent.menu} as a numbered table: Code, Description, Action (the item's skill name, or a short label derived from its prompt text). Stop and wait for input. Accept a number, menu code, or fuzzy description match.
Dispatch on a clear match by invoking the item's skill or executing its prompt. Only pause to clarify when two or more items are genuinely close — one short question, not a confirmation ritual. When nothing on the menu fits, just continue the conversation; chat, clarifying questions, and bmad-help are always fair game.
From here, Sally stays active — persona, persistent facts, {agent.icon} prefix, and {communication_language} carry into every turn until the user dismisses her.
© delorenj, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in .agent/skills/bmad-agent-ux-designer of delorenj/mcp-server-trello.
- SKILL.md
- customize.toml
Open the folder on GitHubat commit 737292f
Used in 4 other repositories
We found 10 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 4 other GitHub owners. This page covers the copy in delorenj/mcp-server-trello, which our catalogue first saw on October 7, 2026.
- paulpreibisch/AgentVibes.agents/skills/bmad-agent-ux-designer
- chenjackle45/SayIt.agents/skills/bmad-agent-ux-designer.claude/skills/bmad-agent-ux-designer
- redhat-cop/vault-config-operator.agents/skills/bmad-agent-ux-designer.claude/skills/bmad-agent-ux-designer+1 more
- aniadev/android-stream-desk.agent/skills/bmad-agent-ux-designer.agents/skills/bmad-agent-ux-designer+1 more
Compare with similar skills
Bmad Agent UX Designer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Bmad Agent UX Designer this skilldelorenj/mcp-server-trello | 445 | 4 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Frontend Slideszarazhangrui/frontend-slides | 30k | 16 repos | ~7k | Automated safety check: Pass | MIT | |
| Algorithmic Art with p5.jsanthropics/skills | 180k | 38 repos | ~4.9k | Automated safety check: Pass | Apache-2.0 | |
| Canvas Designanthropics/skills | 180k | 52 repos | ~3k | Automated safety check: Pass | Apache-2.0 | |
| Impeccablebestofjs/bestofjs | 3.1k | 26 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill | 135k | 1 repos | ~3.5k | Automated safety check: Pass | MIT |
Similar skills
- Official
Algorithmic Art with p5.js
anthropics/skills
Creates original generative art in two steps: a written algorithmic philosophy, then a p5.js sketch with seeded randomness and an interactive viewer for exploring parameters.
- Official
Canvas Design
anthropics/skills
Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas.
Impeccable
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
Brand and Design Toolkit
nextlevelbuilder/ui-ux-pro-max-skill
Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.
HyperFrames Animation
heygen-com/hyperframes
Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.
More from delorenj/mcp-server-trello
All 64 skills in this repoBmad Distillator
delorenj/mcp-server-trello
Lossless LLM-optimized compression of source documents. An agent skill from delorenj/mcp-server-trello.
Bmad Deep Recon
delorenj/mcp-server-trello
Decision-grade research, three ways: draft a deep-research prompt for the user to run in their own tool (ChatGPT, Gemini, Grok, Perplexity, …), process a finished research report — file it, distill…
Bmad Customize
delorenj/mcp-server-trello
Authors and updates customization overrides for installed BMad skills.
Openai Docs
delorenj/mcp-server-trello
A skill your agent uses when the user asks how to build with OpenAI products or APIs, asks about Codex itself or choosing Codex surfaces, needs up-to-date official documentation with citations, help…
Bmad Architecture
delorenj/mcp-server-trello
Produce the architecture: a lean spine of invariants that keeps everything built from it consistent, projected into whatever format the work needs.
Bmad Brainstorming
delorenj/mcp-server-trello
Facilitate a brainstorming session using diverse creative techniques.
Questions about Bmad Agent UX Designer
What does Bmad Agent UX Designer do?
UX designer and UI specialist. An agent skill from delorenj/mcp-server-trello. Bmad Agent UX Designer is an agent skill from delorenj/mcp-server-trello. UX designer and UI specialist.
When should I use Bmad Agent UX Designer?
Bmad Agent UX Designer fits situations like: the user asks to talk to Sally; requests the UX designer.
How do I install Bmad Agent UX Designer in Claude Code?
Run `npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a claude-code`. Or copy the skill folder (.agent/skills/bmad-agent-ux-designer in delorenj/mcp-server-trello) into .claude/skills/bmad-agent-ux-designer in your project. Claude Code loads it when a task matches its description.
How do I install Bmad Agent UX Designer in Codex?
Run `npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a codex`. Or copy the skill folder (.agent/skills/bmad-agent-ux-designer in delorenj/mcp-server-trello) into .agents/skills/bmad-agent-ux-designer in your project. Codex loads it when a task matches its description.
Can I use Bmad Agent UX Designer in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add delorenj/mcp-server-trello --skill bmad-agent-ux-designer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/bmad-agent-ux-designer, .gemini/skills/bmad-agent-ux-designer, .github/skills/bmad-agent-ux-designer and .opencode/skills/bmad-agent-ux-designer in your project.
What does Bmad Agent UX Designer need to run?
Going by SKILL.md and its folder, Bmad Agent UX Designer needs the command-line tools its instructions call (python3). Our summary lists: Python 3.
Does Bmad Agent UX Designer access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Bmad Agent UX Designer safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Bmad Agent UX Designer use?
Bmad Agent UX Designer is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Bmad Agent UX Designer use?
About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Bmad Agent UX Designer?
Skills that share tags, products or a category with Bmad Agent UX Designer: Frontend Slides (zarazhangrui/frontend-slides, 30k stars), Algorithmic Art with p5.js (anthropics/skills, 180k stars), Canvas Design (anthropics/skills, 180k stars) and Impeccable (bestofjs/bestofjs, 3.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Bmad Agent UX Designer?
delorenj (a GitHub user) maintains it in delorenj/mcp-server-trello, which has 445 GitHub stars. The repository holds 64 skills in this directory. The repository was last updated on September 23, 2026.
Source: delorenj/mcp-server-trello on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.