ui-design

UI design workflow that takes a [UI] Jira story and optional UX handoff artifact, produces a component decomposition with hook design, state management, route…

Skill by flightctl

IndexedMIT★ 10

Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/flightctl-ui-design

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

About

UI design workflow that takes a [UI] Jira story and optional UX handoff artifact, produces a component decomposition with hook design, state management, route structure, and data flow mapping, reviews the API surface for gaps, and syncs [DEV] stories for backend work to Jira. Activated by commands: /ingest, /plan, /review-api, /revise, /publish, /respond, /sync.

Use cases: design, frontend, backend, data

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.

Tools: No tools found
Secrets: None asked for
Install scripts: None found
Runs as: Python package

Network hosts it talks to 1

codeload.github.com · found in install command

Files it touches

~/.claude/skills/ui-design

What's inside

Skill name: ui-design
Description: UI design workflow that takes a [UI] Jira story and optional UX handoff artifact, produces a component decomposition with hook design, state management, route structure, and data flow mapping, reviews the API surface for gaps, and syncs [DEV] stories for backend work to Jira. Activated by commands: /ingest, /plan, /review-api, /revise, /publish, /respond, /sync.
License: MIT
Instructions: 18 lines in SKILL.md · view on GitHub

Before installing

Ships executable scripts

Files (22)

README.md
SKILL.md
ingest.md · commands/
plan.md · commands/
publish.md · commands/
respond.md · commands/
review-api.md · commands/
revise.md · commands/
sync.md · commands/
guidelines.md
compute-hash.py · scripts/
test_compute_hash.py · scripts/
completion.md · skills/
controller.md · skills/
dispatch.md · skills/
ingest.md · skills/
plan.md · skills/
publish.md · skills/
respond.md · skills/
review-api.md · skills/
revise.md · skills/
sync.md · skills/

SKILL.md (first lines)

# UI Design Workflow Orchestrator

## Quick Start

1. If the user invoked a specific command, read `commands/{command}.md` and
   follow it. Phases: `ingest`, `plan`, `review-api`, `revise`, `publish`,
   `respond`, `sync`.
2. Otherwise, read `skills/controller.md` to load the workflow controller:
   - If the user provided a Jira issue key or URL, execute the `/ingest` phase
   - Otherwise, execute the first phase the user requests

If a step fails or produces unexpected output (e.g., Jira MCP errors, network
failures, codebase exploration failures), stop and report the error to the
user. Do not advance to the next phase. Offer to retry the failed step or
escalate.

For principles, hard limits, safety, quality, and escalation rules, see `guidelines.md`.

From flightctl/ai-workflows, MIT.

Signals

Stars: 10
Forks: 17
Open issues: 3
Last commit (this folder): Oct 8, 2026 (21 days ago)

From GitHub (fetched Oct 24, 2026).

Details

License: MIT
Repository: github.com/flightctl/ai-workflows
First seen: Oct 24, 2026
Last checked: Oct 24, 2026
Source: GitHub github-graphql

More from flightctl

Cite this page

ui-design skill. Agent Mart. https://agentmart.dev/skills/flightctl-ui-design (last updated 2026-10-24)