CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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 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.

Quality

84%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is ui-design in flightctl/ai-workflows

SKILL.md
Quality
Evals
Security

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A lean, well-structured orchestrator entry point with an explicit error-handling checkpoint and clean dispatch logic. The dominant defect is bundle integrity: every file the body references (commands/, skills/controller.md, guidelines.md) is absent, and the two bundled scripts are orphaned from the entry point, so the skill as shipped cannot navigate past SKILL.md.

Suggestions

Bundle the referenced files (commands/{ingest,plan,review-api,revise,publish,respond,sync}.md, skills/controller.md, guidelines.md) or update the pointers — as shipped, every reference in the body resolves to a missing file.

Reference scripts/compute-hash.py (and its test) from SKILL.md or from a bundled command file so the included scripts are discoverable from the entry point.

Define the fallback when the user provides no command, Jira key, or phase (e.g., "ask the user which phase to run") to close the dispatch gap in step 2.

DimensionReasoningScore

Conciseness

Roughly 28 lines of pure dispatch logic, error policy, and pointers — "read `commands/{command}.md` and follow it", "read `skills/controller.md` to load the workflow controller", "see `guidelines.md`" — with zero concept explanation or padding. Every token earns its place; nothing identifiable to trim.

5 / 5

Actionability

Concrete, executable routing: exact file paths to read, named phases (ingest, plan, review-api, revise, publish, respond, sync), an explicit condition for Jira keys/URLs, and a specific error policy naming failure classes (Jira MCP errors, network failures, codebase exploration failures). Short of a 5 because "execute the first phase the user requests" leaves behavior undefined when the user gives no command, key, or phase.

4 / 5

Workflow Clarity

The entry sequence is clear and there is an explicit validation gate — "If a step fails or produces unexpected output... stop and report the error to the user. Do not advance to the next phase. Offer to retry the failed step or escalate" — which is a real checkpoint with error recovery, ruling out anchor 3's implicit-checkpoint profile. Not a 5 because phase-to-phase ordering and per-phase checkpoints are delegated to files not restated here, so the multi-step pipeline's checkpoints are only implied in this file.

4 / 5

Progressive Disclosure

The in-text structure is anchor-5 quality — clearly signaled, one-level-deep pointers with stated purpose (commands/{command}.md, skills/controller.md, guidelines.md) — but scored against the actual bundle, all three referenced paths are missing (the bundle ships only scripts/compute-hash.py and its test, neither referenced from SKILL.md), so every pointer dangles and navigation fails in practice. That broken reference set is worse than anchor 4's 'minor organization gaps' but better than anchor 2's inlined/buried-content profile.

3 / 5

Total

16

/

20

Passed

Description

83%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: concrete, third-person, and comprehensive in its action list, with a clearly distinct niche. Its weakest point is that trigger guidance is expressed solely as slash-command names rather than natural-language 'use when' conditions or synonyms, leaving completeness and trigger-term quality just short of top marks.

Suggestions

Add a natural-language trigger clause (e.g., "Use when the user asks to plan or implement UI from a [UI] Jira story, a UX handoff artifact, or wants a component breakdown") so the skill triggers on descriptions, not only on slash-command invocations.

Include common synonyms users might say (e.g., "front-end design", "implement the UI story", "component breakdown") alongside the command list to broaden natural keyword coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete, third-person actions covering the full pipeline — "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", "syncs [DEV] stories for backend work to Jira" — matching the comprehensive-coverage anchor, not the minor-gaps anchor below it.

5 / 5

Completeness

Both parts are explicitly present: a clear 'what' (the takes/produces/reviews/syncs chain) and an explicit trigger clause ("Activated by commands: /ingest, /plan, /review-api, /revise, /publish, /respond, /sync"), so the missing-'Use when' cap at 3 does not apply. Not a 5 because the 'when' covers only command invocation and never states the natural-language usage condition (e.g., when the user wants to plan UI from a [UI] story).

4 / 5

Trigger Term Quality

Good natural domain keywords ("UI design", "Jira story", "UX handoff artifact", "component decomposition", "state management"), but the explicit trigger guidance is a list of slash-command names rather than phrases a user would naturally say, and no synonyms or variations are offered. Above anchor 3's 'some relevant keywords', short of anchor 5's synonym/file-extension coverage.

4 / 5

Distinctiveness Conflict Risk

Clear niche with distinct triggers: the [UI]/[DEV] Jira story convention, UX handoff artifact, API gap review, and named slash commands would rarely collide with a generic UI or design skill — matching the minimal-conflict-risk anchor rather than the minor-overlap anchor below.

5 / 5

Total

18

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

amir-yogev-gh/ai-workflows

Path

ui-design/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.