Try UXArcade

SF-02 · Design Protocols · 13 free skills for AI agents

What are you working on?

Pick the job. Watch your agent do it with the skill installed. Free and open source, no account.

Plan research

Research brief does this.

YouSales say customers want a mobile app. Plan the research.

product-requestsPSTKMA
PS

Priya ShahSales

Three enterprise customers asked for a mobile app this week. Can we get it on the Q3 roadmap?

4 2

TK

Tom KimProduct

Pulled the numbers from analytics.

Sessions by device Last 90 days

Mobile web 38%Desktop 62%

PS

Priya Shah

Mostly finance teams. They’re out at client sites a lot.

Call notes.docx Not shared with you

YouSales say customers want a mobile app. Plan the research.

Research brief · mobile app

  1. PROVIDED38% of sessions are on mobile browsers (analytics, last 90 days).
  2. INFERREDThe real need may be capturing receipts on the go. A question to test, not a finding.
  3. UNKNOWNWhat customers meant when they asked sales for an app. The notes were not shared.

Your callApprove the plan before anyone is contacted.

Illustrative example. The labels: PROVIDEDYour data or research says soINFERREDA hunch, with how to test itUNKNOWNCan’t tell; says what would settle it

Make sense of research

Evidence synthesis does this.

YouFind the themes in six interviews about recurring shifts.

Studies Scheduling

Recurring shifts

6 interviews
NotesHighlightsThemes

P1Store manager

“One swap wrecked the whole month, so I stopped repeating shifts.”

swapsstopped

P2Café lead

“Repeats save me an hour every Monday.”

time saved

P3Clinic manager

“I don’t use recurring any more. Too fiddly.”

stopped

P4Store manager

“I copy last week’s rota by hand now.”

workaroundstopped

P5Bar manager

“Change one shift and the series breaks.”

swapsstopped

P6Gym lead

“Mostly I plan the weekend team.”

untagged

YouFind the themes in six interviews about recurring shifts.

Synthesis · recurring shifts

  1. PROVIDED4 of 6 managers stopped using recurring shifts (P1, P3, P4, P5).
  2. PROVIDED2 of those 4 say one swap breaks the whole series (P1, P5).
  3. INFERREDEditing one shift, not repeating it, may be the real problem. Test it next round.
  4. UNKNOWNWhether the others were asked about swaps at all.

Your callAct on it, test it, or research it further.

Illustrative example. The labels: PROVIDEDYour data or research says soINFERREDA hunch, with how to test itUNKNOWNCan’t tell; says what would settle it

Critique a screen

Interface critique does this.

YouCritique our plan-settings screen before we ship.

Settings Billing

Plan & billing

OverviewInvoicesPayment

Pro Current plan

£12 per seat a month · renews 1 November

Seats8 of 10

Projects14 of 20

Pause plan · Cancel plan Delete account Upgrade to Team

YouCritique our plan-settings screen before we ship.

Critique · plan settings

  1. OBSERVED“Upgrade to Team” is the only filled button on a page for managing a plan.
  2. OBSERVED“Delete account” sits beside “Cancel plan”, in the same small grey style.
  3. INFERREDA subscriber here most likely wants to manage their plan, not upgrade.
  4. UNKNOWNWhere “Pause” and “Cancel plan” lead. Those screens weren’t supplied.

Your callFix before shipping, or test it first.

Illustrative example. The labels: OBSERVEDSeen in what you gave itINFERREDA hunch, with how to test itUNKNOWNCan’t tell; says what would settle it

Check a flow’s states

Flow integrity does this.

YouMap the edge cases in our booking cancellation flow.

Brief §3 Cancelling less than 24 hours ahead costs £15.

Upcoming

ARPhysioDr Ana Ruiz

Tomorrow, 10:00

Mend Clinic, Leeds

Reschedule

Cancel booking

Cancel this booking?

You’ll get a full refund.

Yes, cancel

Keep booking

Refund failed

No screen designed

YouMap the edge cases in our booking cancellation flow.

Flow map · booking cancellation

  1. PROVIDEDCancelling less than 24 hours ahead is charged a fee (brief §3).
  2. OBSERVEDThe confirm screen promises “a full refund” for a 10:00 booking tomorrow.
  3. UNKNOWNWhat the patient sees if the refund fails. A question for engineering.

Your callProduct and engineering answer the open states.

Illustrative example. The labels: PROVIDEDYour data or research says soOBSERVEDSeen in what you gave itUNKNOWNCan’t tell; says what would settle it

Check accessibility

Accessibility pass does this.

YouCheck this promo-code block before we merge.

Your basket

1 item

Trail Runner 2Sage · UK 8

£89.00

Subtotal£89.00

DeliveryFree

Promo code

SPRING25

Apply

That code has expired.

Codes aren’t case-sensitive.

Checkout · £89.00

YouCheck this promo-code block before we merge.

Accessibility pass · promo code

  1. VERIFIED ISSUE“Apply” is a clickable div: no keyboard access (2.1.1 Keyboard, A).
  2. POTENTIALThe error may not be announced. Check with a screen reader.
  3. DERIVEDHint text is 4.83:1 against white, above the 4.5:1 threshold.

Your callShip with a known barrier, or fix it first.

Illustrative example. The labels: VERIFIED ISSUEA confirmed barrierPOTENTIALLikely; needs a manual checkDERIVEDWorked out, working shown

Write interface copy

UX writing does this.

YouRewrite the copy on our refund request form.

Request a refund

Order number

4417 2290

Please enter your order number exactly as it appears in your confirmation email. Order numbers are eight digits long. Do not include spaces, dashes or the # symbol. Incorrect order numbers may delay your refund.

CancelSubmit
JL

Jo Lee PM
The field rejects numbers with spaces.

YouRewrite the copy on our refund request form.

Copy · refund request

  1. OBSERVEDThe hint spends four sentences on format rules and ends with a warning.
  2. PROVIDEDOrder numbers with spaces are rejected (PM notes). Fix the field, not the copy.
  3. INFERRED“Request refund” fits the button better than “Submit”.

Your callFix the field, or ship clearer copy for now.

Illustrative example. The labels: OBSERVEDSeen in what you gave itPROVIDEDYour data or research says soINFERREDA hunch, with how to test it

Build a whole product

Platform build does this.

YouBuild a SaaS where clinics track no-shows. Make it perfect and ship it this week.

plan.md

Plan: Tallyroom

Now at: phase 1, gate 1

Who: front-desk staff at small clinics

Slice 1: import → remind → confirmations

SMS consent: UNKNOWN

  1. 0 Rules
  2. 1 Frame · waiting on you
  3. 2 Map
  4. 3 Design system

YouBuild a SaaS where clinics track no-shows. Make it perfect and ship it this week.

Plan · Tallyroom

  1. PROVIDEDThe users are front-desk staff at small clinics (your request).
  2. INFERREDSlice 1 is the core loop: import today’s list, send reminders, see who confirmed.
  3. UNKNOWNWhether the clinic’s consent covers SMS reminders. A legal question the plan can’t settle.
  4. GATEGate 1 is open until you approve the brief and what v1 is not.

Your callApprove the brief, or change it.

Illustrative example. The labels: PROVIDEDYour data or research says soINFERREDA hunch, with how to test itUNKNOWNCan’t tell; says what would settle itGATEWaits on your decision before the next phase

Build a design in code

Design-to-code does this.

YouBuild the workshop card from this design in our codebase.

Card / Workshop 320 × 132

Research ops workshop 12 November · Online

Save a seat

Hover · shadow 0 8 24 / 12%

WorkshopCard.tsx

1<Card padding="lg" elevation={1}>
2  <Card.Media src={cover} />
3  <Text variant="title-sm">{title}</Text>
4  <Button>Save a seat</Button>
5</Card>

1280 · light 390 · light 390 · dark · not rendered

YouBuild the workshop card from this design in our codebase.

Implementation · workshop card

  1. OBSERVEDCard supports padding="lg" and elevation (src/ui/Card).
  2. OBSERVEDThe design’s hover shadow has no token. Flagged, not hard-coded.
  3. UNVERIFIEDDark theme at 390px was not rendered. Listed for you to check.

Your callAdd a token, or accept the nearest one.

Illustrative example. The labels: OBSERVEDSeen in what you gave itUNVERIFIEDNot checked; says how to

Fit the design system

Design system fit does this.

YouMap our new security settings page to the system.

Settings Security

Security

Keep your workspace and its data safe.

Two-step verificationAsk for a code on a new device.

Passkeys2 devices

Manage

Security score3 of 4 steps done

YouMap our new security settings page to the system.

Fit report · security settings

  1. REUSEPage title → Text, title-md, as documented.
  2. COMPOSETwo-step setting → Card with a Switch inside.
  3. CONTRIBUTEProgress ring: nothing in the system draws circular progress.

Your callThe system owners decide whether to add it.

Illustrative example. The labels: REUSEUse what the system hasCOMPOSECombine parts that existCONTRIBUTENew; a case for the system owners

Build a screen from a prompt

UX law build does this.

YouBuild our pricing page. Three plans, and make sure everyone picks Pro.

New screen

Build our pricing page. Three plans, and make sure everyone picks Pro.

tokens.json 14 values

Describe a change

Draft 1 pricing · 1280

Basic

£9 /month

1 user

Start trial

Pro Most popular

£29 /month

5 users

Start trial

Team

£79 /month

20 users

Contact us

Compare all 40 features

YouBuild our pricing page. Three plans, and make sure everyone picks Pro.

Law brief · pricing page

  1. CONSTRAINTThree plans in view; the 40-row feature table one tap away. Hick’s law, checked by count.
  2. CONSTRAINTOne filled button per view, at least 44px tall. Von Restorff and Fitts, measured.
  3. TRADE-OFFHonesty wins over “everyone picks Pro”: Pro is highlighted only if it suits most customers.
  4. UNKNOWNWhether prices include tax. It decides where the full price must appear.

Your callWhich plan, if any, to recommend.

Illustrative example. The labels: CONSTRAINTA law, written as something to checkTRADE-OFFWhere laws conflict, which one wonUNKNOWNCan’t tell; says what would settle it

Check what an AI built

AI output review does this.

YouThe agent says the filter PR is done and fully tested. Check it.

Add product filters #482

Openbuild-agent wants to merge 6 commits into main

23 checks passed1 skipped

build-agentcommented · 2 min ago

Summary

  • All 24 tests pass
  • Filters survive a page reload
  • Fully responsive

filters.test.ts +12−0

41+ it.skip("keeps filters after reload", async () => {

YouThe agent says the filter PR is done and fully tested. Check it.

Claim review · product filter PR

  1. FAIL“All 24 tests pass”: one was skipped in the code.
  2. UNVERIFIED“Filters survive a reload”: its test is the one that was skipped.
  3. UNVERIFIED“Fully responsive”: nothing was rendered at 360px.

Your callMerge, fix first, or check the rest.

Illustrative example. The labels: FAILChecked and falseUNVERIFIEDNot checked; says how to

Measure a page against UX laws

UX law audit does this.

YouAudit our checkout before launch, and give it a score out of 100.

Checkout

Desk lampArrives Thursday

−2+

Add delivery protection (£2.99)

Subtotal£38.98

Total£41.97

Pay £41.97

run-probe.mjs

targets.below24AA  1
preTicked          1
emphasisCount      1
reflow.pageScrollX 0
focus.noVisible    2
theme.dark         not applied

YouAudit our checkout before launch, and give it a score out of 100.

Law audit · checkout

  1. FAILThe − and + buttons are 20 × 20px, 6px apart at 390px: under WCAG’s 24px minimum.
  2. FAIL“Add delivery protection (£2.99)” is ticked on load. Handed to the dark pattern check.
  3. PASSOne filled button per view: “Pay £41.97”.
  4. UNVERIFIEDDark theme: the page ignored the setting, so nothing there was measured.

Your callWhich failures block launch. There is no score.

Illustrative example. The labels: FAILChecked and falsePASSChecked and trueUNVERIFIEDNot checked; says how to

Check for dark patterns

Dark pattern check does this.

YouCheck our trial sign-up and cancellation before launch.

Cancel membership Step 3 of 5

Wait! Stay for half price.

50% off your next 3 months. Your watchlist and profiles stay as they are.

Offer ends tonight · 05:42:10

Keep my plan at 50% off

No, I don’t like saving money

YouCheck our trial sign-up and cancellation before launch.

Dark pattern check · cancel flow

  1. PATTERNLeaving takes 5 screens; joining took 4. The way on is hidden on two of them.
  2. PATTERNThe decline reads “No, I don’t like saving money”. Confirm shaming.
  3. AT RISK“Offer ends tonight” is honest only if it does end. The data wasn’t shown.

Your callLaunch, fix first, or take it to a lawyer.

Illustrative example. The labels: PATTERNMeets a named deceptive patternAT RISKWould, if an open question goes one way

Starting a product? Take the platform kit.

Unzip it into a new repository. Your agent reads AGENTS.md before every change and follows it: the UX laws, honesty and access guardrails, the design rules and the definition of done, with every skill to check them. Platform build then runs the product phase by phase and stops for your decisions.

Download the platform kit .zip · 439 KB

How the build runs, phase by phase

  • AGENTS.mdThe rules every agent follows: guardrails, evidence, design, done.
  • CLAUDE.mdPoints Claude Code at AGENTS.md.
  • design/Contrast-checked starter tokens and the reviewer checklist.
  • docs/DECISIONS.mdThe calls that are yours, logged.
  • docs/PROMISES.mdEvery claim the product makes, and what keeps it.
  • .claude/skills/All 13 skills.
unzip splitfire-platform-kit.zip && cp -Rn splitfire-platform-kit/. .

Run it in your project folder; -n keeps files you already have. Then tell your agent: “Read AGENTS.md. Use splitfire-platform-build to plan <your product>.”

Or take all 13.

Research, design, build and verify. Installed together, your agent picks the right one for each request.

Download all 13 .zip · 676 KB

Just the UX law pack .zip · 122 KB UX law build, UX law audit, Dark pattern check: 55 UX laws as checks for any project.

Free and open source. No account. For Claude Code, Codex, the Claude apps and any Agent Skills tool.

Claude Code

unzip splitfire-design-protocols.zip && cp -R splitfire-design-protocols/skills/splitfire-* ~/.claude/skills/

Every project on this machine. Use .claude/skills/ inside a repository to share with your team.

Codex

unzip splitfire-design-protocols.zip && cp -R splitfire-design-protocols/skills/splitfire-* ~/.agents/skills/

Every project. Use .agents/skills/ inside a repository instead, then restart Codex.

Claude apps

On claude.ai or the desktop app, upload each skill's own .zip in your skills settings. One zip is one skill.