
navigating-design-jira-process
Move design work through Bitwarden's Product and Design Jira workflow — final designs attached to tickets, the 30/60/90 critique cadence tracked in Figma, status transitions on engineering epics and stories, and the one-off engineering story flow.
- Installs
- 44
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/bitwarden/ai-plugins --skill navigating-design-jira-process- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads navigating-design-jira-process automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Navigating the Product and Design Jira Process
This skill grounds Jira moves in the design team's current practice for plugging into engineering's Jira workflow. The goal: keep design decisions visible alongside the engineering work — without maintaining a parallel design tracker. Designs are attached directly to the engineering tickets they belong to, and everything substantive (30/60/90 critique iterations, copy, annotations) lives in Figma.
A note on status names below. Jira status labels appear here in the same casing Jira uses them —
IN DESIGN,IN PROGRESS,DONE,DESIGN NEEDED,Ready for Dev. Copy them verbatim when transitioning tickets.
The structural rule
Designs are attached directly to tickets. The Figma file lives in the engineering Epic's "Design" field (or, for one-off engineering stories, in the story's "Design" field). There is no parallel design project, no parallel design Kanban, and no per-stage design tasks.
That's the design-team-Jira insight in one sentence. Everything else is choreography around this rule.
Epic-driven flow
Initial setup
- A PM creates at least one Epic to accompany every Product Initiative document they're working on.
- PM assigns the Epic to the designated designer.
In Design
- Designer (or PM) moves the Epic to
IN DESIGN. - Designer runs the 30/60/90 critique cadence in Figma — no separate Jira tasks per stage. Stage iterations, attached materials (stakeholder presentations, research), and cross-iteration feedback all live in the Figma file alongside the work.
Design Done
- In Figma, group final designs on a single page with named Sections for each story-level surface.
- Designer links the Figma file in the Epic's "Design" field.
- Designer marks Figma sections as "Ready for Dev".
- EM moves the Epic to
Ready for Devto signal engineering can pick the work up. (Some teams have automation that handles this; treat it as the EM's responsibility for now.)
Engineering technical breakdown
- When engineering creates stories during technical breakdown, designer + PM + the engineer doing the breakdown together review the stories.
- For each story, ensure the correct Figma section is linked and that the section's content is only about that story. One-to-one mapping.
In Progress (and dev support)
- PM or EM moves the Epic to
IN PROGRESSwhen development starts. - PM/EM creates a dev-support task titled
[project name] - dev support, assigns it to the project's designer, and links it as "relates to" all engineering stories needing design support. (This convention persists for now even as other separate-design-task work has retired.) - The task lets the designer know when their project enters development and represents the misc support needed throughout.
- When the last engineering task is done, the dev-support task is also marked
DONE.
One-off engineering stories
Some stories aren't tied to an epic — common on the UI Foundation team. The flow is shorter:
- An engineering story is created outside an epic; PM or EM realizes design support is needed. (Or: a designer working on a component improvement for UIF creates the story themselves.)
- PM or EM moves the story to
DESIGN NEEDEDand assigns it to the feature team's designer. - Designer does the design work in Figma. No separate design task is created.
- When the design is complete, the designer:
- Links the Figma file to the story's "Design" field.
- Unassigns themselves from the story.
- Adds a comment in the ticket noting the design is ready to be picked up.
The three closing steps — link, unassign, comment — are explicit. Skipping any of them leaves the story stuck in someone's queue or visible-but-not-discoverable.
Composing with other skills
preparing-design-handoff. The transitions at the end of In Design (Figma linked, sections marked Ready for Dev, EM moves Epic) are the pre-handoff side of the handoff process. The handoff skill is the gate / checklist; this skill is the canonical lifecycle.evolving-design-system-components. Component Library work generates Jira issues on the Component Library board. Those follow the same rule (designs attached to tickets), but feature-team-owned recipes generate stories in the feature team's project rather than the Component Library project. Surface the difference explicitly to the designer.
Common mistakes to catch
- Forgetting to mark Figma sections "Ready for Dev." Engineering can't find what's final. This is part of Design Done, not optional.
- Sections not aligned to stories. When engineering creates stories, each story should map to a Figma section whose content is only that story. Mismatch creates ambiguity at review time.
- One-off engineering story left unfinished at the design end. All three closing steps must happen — link Figma to the story's "Design" field, unassign self, comment that the design is ready. Missing any one of them leaves the ticket in an ambiguous state.
- PM creating the dev-support task too late or not at all. When dev support isn't visible on the Epic, dev support requests come at the designer without warning. Surface this gap when reviewing a project's Jira state.
Output format
When asked to set up or move work through the Jira process:
- Project shape — is this an epic-driven project or a one-off engineering story?
- Current state — what Jira entities exist (Epic, story, dev-support task) and their current statuses.
- Moves to make — the specific status transitions and Figma links to apply, named by responsibility (designer, PM, EM).
- Figma links — what to attach where (Epic "Design" field, story "Design" field).
- Watch-outs — the common mistakes above that apply to this specific project.
FAQ
What does the navigating-design-jira-process skill do?
Move design work through Bitwarden's Product and Design Jira workflow — final designs attached to tickets, the 30/60/90 critique cadence tracked in Figma, status transitions on engineering epics and stories, and the one-off engineering story flow.
How do I install navigating-design-jira-process?
Run npx skills add https://github.com/bitwarden/ai-plugins --skill navigating-design-jira-process in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/navigating-design-jira-process/ (personal) or .claude/skills/navigating-design-jira-process/ (project).
Which AI agents can use navigating-design-jira-process?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is navigating-design-jira-process safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains navigating-design-jira-process?
It is published by bitwarden in bitwarden/ai-plugins. It has 44 recorded installs.
More from bitwarden/ai-plugins
reviewing-security-architecture
bitwarden/ai-plugins
This skill should be used when the user asks to "review the security architecture", "check authentication patterns", "evaluate trust boundaries", "review encryption implementation", "assess authorization design", or needs to evaluate system designs for authentication, authorization, data protection, or cryptographic correctness.
threat-modeling
bitwarden/ai-plugins
This skill should be used when the user asks to "create a threat model", "define security goals", "generate a data flow diagram", "write security definitions", "perform an initial security assessment", or needs to produce threat model artifacts for new features or architecture changes.
retrospecting
bitwarden/ai-plugins
Performs comprehensive analysis of Claude Code sessions, examining git history, conversation logs, code changes, and gathering user feedback to generate actionable retrospective reports with insights for continuous improvement.
avoiding-false-positives
bitwarden/ai-plugins
Use this skill to validate findings during a code review. For each finding, run the rejection criteria and verification checks. If a finding fails any check, drop it. In PR mode it also holds the once-per-review stacked-PR gate that decides whether completeness findings apply to the pull request at all.
reviewing-claude-config
bitwarden/ai-plugins
Open the skill to read its SKILL.md instructions.
posting-review-summary
bitwarden/ai-plugins
Use this skill when posting the final summary comment, including its No Verdict form when nothing could be reviewed and no inline comments exist. Otherwise apply as the LAST step of code review, after all findings are classified and inline comments are complete. Detects context (caller-declared local-file output, agent mode sticky comment, GitHub Actions MCP tool, or local file) and routes output accordingly.
Popular productivity & automation skills
agent-browser
vercel-labs/agent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
lark-doc
open.feishu.cn
飞书云文档(Docx / Wiki)内容操作:读取、创建、编辑文档,插入或下载图片附件,以及操作思维笔记。用户提供文档 URL/token(包括 doubao.com 的 /docx/、/wiki/)时使用;按 URL 路径/token 而非域名路由;/page/ 是妙搭应用,非飞书云文档。文档内嵌资源按读取参考中的统一规则分流。独立评论操作走 lark-drive;随正文读取评论使用 docs +fetch。表格或 Base 内部数据操作不在本 skill。
lark-base
open.feishu.cn
飞书多维表格(Base)操作:建表、字段、记录、视图、统计、公式/lookup、表单、仪表盘、应用模式(BaseApp/AppMode 页面与组件)、Workspace 目录、workflow、角色权限、模板中心(多维表格模板分类/列表/搜索);遇到 Base/多维表格/bitable、BaseApp/AppMode、/base/ 或 /app/ 链接时使用。BaseApp 不走 lark-apps;文件导入/导出转 lark-drive,认证/授权转 lark-shared。
lark-drive
open.feishu.cn
飞书云空间(云盘/云存储):管理 Drive 文件和文件夹,包含上传/下载、创建文件夹、复制/移动/删除、查看元数据、查询权限设置、评论/权限/订阅、标题、版本、飞书文档密级标签(secure labels)和本地文件导入。用户需要整理云盘目录、处理云空间资源 URL/token、判断链接类型/真实 token/标题,或导入 Word/Markdown/Excel/CSV/PPTX/.base 为 docx/sheet/bitable/slides 时使用;doubao.com 云空间 URL/token 也按资源路径和 token 路由,不回退 WebFetch。不负责:文档内容编辑(走 lark-doc)、表格/Base 表内数据操作(走 lark-sheets/lark-base)、知识空间节点/成员管理(走 lark-wiki)、原生 Markdown 文件读写/patch/diff(走 lark-markdown)。
lark-shared
open.feishu.cn
Use for lark-cli setup/auth tasks: auth login/status/logout, user vs bot identity, business-domain permissions (--domain, including all/docs/drive), missing scopes, revoking authorization, or handling notice JSON.
lark-im
open.feishu.cn
飞书即时通讯:收发消息和管理群聊。发送和回复消息、搜索聊天记录、管理群聊成员、上传下载图片和文件、管理表情回复、发送应用内/短信/电话加急、发送和处理交互卡片(Interactive Card)、监听卡片按钮回调(card.action.trigger)。当用户需要发消息、查看或搜索聊天记录、下载聊天中的文件、查看群成员、搜索群、创建群聊或话题群、管理标记数据、管理 Feed 置顶(添加/移除/查询置顶会话)、管理标签数据、处理卡片回调时使用。