kick & boost · AI Design Engineer
Sign in
kick & boost · AI Design Engineering · Hands-on

Build your own AI skills

You have a running app. Now make the AI build real tools in it, the same way every time. You write your knowledge and your how as small, explicit skills, and the AI produces your result reproducibly, not a stranger’s guess. Own the layer that outlives the tool.

Builds on step 1, you already have a running app: Build a local app

Works with any editor that has AI:CursorClaude CodeCodexMistralVibe

What you need (an app and a recurring task)

A running app from step 1, an editor with AI, and a task that comes up again and again that you do not want to explain from scratch each time. For example: build a screen, set up a flow, produce a recurring asset.

The steps, one after another

1

Context pack: your knowledge as Markdown

10 min
Set me up a folder of Markdown files that holds my knowledge about the project: what it is, who it is for, the key rules. Tell the AI to always read these files first.

The AI stops guessing plausibly and works from your context. That is the foundation for everything else.

2

Write a skill (the "how")

15 min
Write me a skill file in Markdown: a repeatable process for my task, in clear steps, one named rule per step. Short and explicit, no essay.

The skill is the how behind the result: the order, the layout, the principles. That is what you own, not the one-off output.

3

Tokens and components, not hex

10 min
Set me up tokens for colours and spacing and a few components. Tell the AI to always use these names, never its own values or hex codes.

Nothing can drift. The AI builds against names, your result stays on brand and the same every time.

4

Apply the skill and check it repeats

10 min
Build me a screen or flow with this skill. Then again fresh in a new chat. Show me where the two results differ.

A real skill produces the same thing twice. If the results differ, you sharpen the skill, not the single output.

5

Subagents for narrow tasks

10 min
Split the work into specialised subagents, each with a narrow task and only the context it needs. Keep token use low.

Narrow tasks, little context, clear results. Cheaper and more focused, exactly the architecture from our call.

6

Chain toward zero-click

10 min
Chain the skills so the task runs from start to finish with as little manual input as possible. Tell me where I still need to confirm and why.

The process largely runs itself, you supervise and step in only at the important points.

7

Bonus: take the skill with you

5 min
Package my skills and my context pack so I can take them into another project or another tool. Explain how I plug them back in there.

The skill is yours, not a tool’s. It travels while the tools change. That is the layer that stays.


Helper sentences, if you get stuck

Explain that more simply, no jargon.
Show me a short example of such a skill file.
Check whether the AI actually followed my rules.
Summarise this as one repeatable skill.

Background: skills, tokens and why this is the layer that stays

Why the skill layer

The screen is disposable, the skill compounds. Whoever owns the how owns the process that makes the next thousand screens consistent. Whoever only ships the finished screen drops out of it, once nobody wants to do that last manual step anymore.

How a skill is made

Context + design system
Markdown knowledge, tokens, components
→
Skill
the how: process, rules, principles
→
Output
the same every time, on brand

The building blocks, what each is for

BlockWhat for
Context packYour knowledge as Markdown, read by the AI first.
SkillA repeatable process, the how of a task.
TokenA named value (colour, spacing), never a hex.
ComponentA named building block the AI reuses.
SubagentA specialist for one narrow task, little context.
Zero-clickChained skills that run with almost no input.

Skill or screen, the difference

AspectScreen (output)Skill (the how)
Reusableno, one-offyes, again and again
Travelsno, sticks to the projectyes, across tools and projects
Value over timedecayscompounds
Who owns the processnobodyyou

Ready to go deeper?

This is the layer that stays. That is exactly what you build with the handbook, on your real projects.