Afterbuild Free skill

afterbuild

A little less artificial.
A lot more you.

30 skills for better apps, videos and ideas.
Made for the AI coder you already use.

Try the free design skill

Product walkthroughs, feature reveals and launch films. Original illustrative examples.

Not just another
“make it pop.”

Give your agent something useful to work with.
A direction, a method, and a result to aim for.

A page with a point of view

A stronger point of view for your next interface.

Built for a thumb

The small screen deserves its own ideas.

The good stuff.

One skill for €5. Everything for €9/month.
Start with the free one and see how it fits.

30 skills

Design

Give your agent a point of view before it reaches for the usual gradient.

Free
Design

Make an existing interface feel designed, down to the last awkward gap.

€5
Design

Make the next useful action obvious in a screen full of information.

€5
Design

Use strong type, deliberate pacing and your real product story.

€5
Design

Let a clear product demonstration do the explaining.

€5
Design

Give projects a clear identity and a reason to click.

€5
Design

Handle dense information without hiding the important bits.

€5
Design

Give your app a mobile structure that feels intentional.

€5
UX

Give loading, errors and empty screens the attention your hero got.

€5
UX

Help a new user do something valuable before asking for everything.

€5
UX

Turn blank dashboards into useful starting points.

€5
UX

Explain what went wrong and keep the work someone already did.

€5
UX

Help people understand what they get and what they will pay.

€5
UX

Make menus, drawers and back navigation behave like part of the app.

€5
UX

Improve the controls and feedback people actually have to use.

€5
Video

A paced screen walkthrough with clear action and payoff.

€5
Video

Turn a short message into a tightly timed type sequence.

€5
Video

Give a new feature a demonstration people can understand.

€5
Video

Show exactly what changed with matched framing and motion.

€5
Video

Make a product readable in a vertical frame.

€5
Video

Give a software launch a distinctive short introduction.

€5
Video

Turn a short release list into a useful visual recap.

€5
Thinking

Make your agent question the suggestion, including its own.

€5
Thinking

Put the difficult business questions ahead of the feature list.

€5
Thinking

Turn a growing feature list into a reasoned next move.

€5
Writing

Replace “unlock your potential” with a reason to use the product.

€5
Writing

Write setup instructions that help someone move forward.

€5
Writing

Make success, errors and confirmations clear at a glance.

€5
Writing

Explain what shipped, who it helps and why it is worth a look.

€5
Launch

A reusable page, social graphics and copy workflow for your first release.

€5

Keep your agent.
Change the brief.

These are editable skill files, not another app to learn. Add one to your project, ask your agent to use it, and build from there.

Download the free skill
  1. Unzip the download

    Each skill comes with its own instructions and supporting files.

  2. Put it in your project

    For Codex:

    .agents/skills/afterbuild-design-direction/SKILL.md

    For Claude Code, use .claude/skills/ instead.

  3. Give your agent the task

    Use the afterbuild-design-direction skill to establish a distinctive design direction for this app. Inspect the current project first, then ask me about the audience and references before changing the UI.

Try things.
Make things.
Make them yours.

The whole collection. More room to experiment.

All access

€9/ month

All 30 current skills while subscribed.
Cancel anytime. Access continues through your paid period.

Private preview. Checkout opens at launch.

Just need one?

Individual skills are €5 each, one time. Keep the files you buy.

Before you get into it.

What am I actually buying?

A readable, editable workflow for your coding agent, with supporting files and an illustrative example. The skill helps your agent ask better questions, make deliberate choices and review its work.

Does it work with my agent?

The installation instructions cover Codex and Claude Code project skills. You need your own agent and any model or generation services the workflow uses. Those usage fees are separate.

Will my result look exactly like the example?

No. Examples show the kind of work a workflow addresses. Your project, references, agent and feedback shape the result. You still review and test it before publishing.

What can I try right now?

Download the free design direction skill, explore every example, or try the launch kit editor. Paid checkout is not open during this private preview.