🧰
SKILLS

The right help for each job

🧰 Choose the help that makes the next piece clearer and more faithful.

DESIGN SKILLS
0:00
🧰 Good tools. Thoughtful choices.
πŸ“–TAP 2 READ ALONG

🧰 You don’t have to invent every piece again.

🧰 A good reference gives you a starting point, and the right skill helps with a particular job, such as writing clearly or shaping a foam sticker.

🧰 For an AI designer, that means using the relevant guidance and checking the actual result.

🧰 Explore the tools here as ways to support your judgment and make useful work easier.

Listen and captureπŸ‘‚
TAP 2 PLAY
0:00

πŸ‘‚ Thoughtful listening preserves the meaning behind a person’s feedback.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ‘‚ Sometimes the most helpful thing is to let a thought finish.

πŸ‘‚ Good capture keeps the person’s meaning, including a correction that arrives while the work is changing.

πŸ‘‚ Clear notes give that thought somewhere to land.

πŸ‘‚ The next response can then build on what was actually said.

πŸ“ BUILD NOTES & REFERENCES

✏️ backchannel-harmony
brain-buddy-communication

✏️ Voice continuity, visible notes, understandable hierarchy, appropriate conversational or visual delivery.

Find the real sourcesπŸ”Ž
TAP 2 PLAY
0:00

πŸ”Ž Original sources help new work stay connected to the brand.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ”Ž Before drawing a replacement, look for the original example.

πŸ”Ž It may already show exactly how a label, character, or corner should work.

πŸ”Ž Compare it with newer guidance and keep track of what it teaches.

πŸ”Ž That gives the next idea a grounded place to begin.

πŸ“ BUILD NOTES & REFERENCES

✏️ google-drive
deep-research

✏️ Brand-library recovery, dated source comparison, evidence and unresolved gaps. Research existing material before inventing replacements.

Check web references🌐
TAP 2 PLAY
0:00

🌐 A live design example shows motion and relationships as well as appearance.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

🌐 A picture shows a moment; an interactive reference can show what happens next.

🌐 Watch how a button responds, how a note opens, and where the text stays.

🌐 Those relationships are part of the design.

🌐 Bring the useful behavior with you when translating it to another surface.

πŸ“ BUILD NOTES & REFERENCES

✏️ Firecrawl tools
browser inspection

✏️ Published design pages, component behavior and styles. Browser inspection supplies visual evidence that extracted text alone cannot.

Foam material🧸
TAP 2 PLAY
0:00

🧸 The foam treatment adds gentle physical presence while keeping the emoji clear.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

🧸 Look at the thin rounded backing around this emoji.

🧸 A shallow bevel and soft shadow make it feel like a little foam sticker, while the original symbol stays crisp.

🧸 Its tilt can add personality without making it harder to read.

🧸 Give that small object enough space to belong.

πŸ“ BUILD NOTES & REFERENCES

✏️ foam-sticker-emoji

✏️ The exact approved rounded backing, shallow bevel, and soft shadow. Preserve crisp original emoji; test clipping and different shapes.

Interactive conversationπŸ’¬
TAP 2 PLAY
0:00

πŸ’¬ Convo Cards make a useful response or discovery available in the conversation.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ’¬ A Convo Card can give an idea a place to explore or respond.

πŸ’¬ Someone might open an explanation, make a choice, or try a small activity.

πŸ’¬ Each control should do something useful for that moment.

πŸ’¬ Keep the experience in the requested place, so the conversation and its visual support stay connected.

πŸ“ BUILD NOTES & REFERENCES

✏️ render-convo-card
visualize

✏️ Real inline interactive cards and visual explanations. A side website is a separate delivery surface, not a substitute for a specifically requested inline card.

Reusable templates🧩
TAP 2 PLAY
0:00

🧩 Reusable templates carry the relationships that make work recognizable.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

🧩 A good template carries more than an appearance.

🧩 It connects the examples, materials, and behavior that make the design feel coherent.

🧩 Start there, then adapt the content to the person and purpose.

🧩 A new idea can have its own character while still belonging to the same world.

πŸ“ BUILD NOTES & REFERENCES

✏️ template-creator
skill-creator

✏️ Package an approved reference with scoped rules, examples, assets, and checks. Reuse existing guidance before adding a new skill.

Presentation filesπŸ“½οΈ
TAP 2 PLAY
0:00

πŸ“½οΈ Presentation tools help a sequence of ideas stay clear in a slide format.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ“½οΈ A slide gives us one moment in a larger story.

πŸ“½οΈ Use the approved template, then choose a layout that makes this particular moment clear.

πŸ“½οΈ Check how the pieces connect as the presentation moves forward.

πŸ“½οΈ The exported slides should carry the same meaning and material relationships.

πŸ“ BUILD NOTES & REFERENCES

✏️ Presentations
google-slides

✏️ Native slide editing, template derivation, appropriate export. HTML documentation does not require converting into a slide deck.

Written reference exportsπŸ“„
TAP 2 PLAY
0:00

πŸ“„ A document or PDF needs its own readable, faithful composition.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ“„ A document gives someone a reference they can return to.

πŸ“„ When the guide moves into that format, the type, examples, and spacing still need to work together.

πŸ“„ Look at the actual pages after export.

πŸ“„ Keep what helps the reader understand, with the same care given to the original experience.

πŸ“ BUILD NOTES & REFERENCES

✏️ documents
pdf

✏️ Word/PDF editions with rendered-page review when those formats are requested.

New bitmap art🎨
TAP 2 PLAY
0:00

🎨 Generated scenes need a clear reference and a careful comparison.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

🎨 A new scene can help an idea become visible.

🎨 Begin with checked references, then compare the result with what makes the character and world recognizable.

🎨 Brain Buddy’s identity should stay consistent even when the setting changes.

🎨 Let new artwork add possibility while respecting the original.

πŸ“ BUILD NOTES & REFERENCES

✏️ imagegen

✏️ Needed texture or scene variants using checked references. It does not replace an existing canonical Brain Buddy asset or certify character accuracy.

Product mockupsπŸ“¦
TAP 2 PLAY
0:00

πŸ“¦ A mockup reveals how artwork works at the scale of a product.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ“¦ Imagine this artwork on an actual package.

πŸ“¦ Does the name read clearly, does the character have enough room, and does the label feel part of the object?

πŸ“¦ A mockup lets us examine those relationships before carrying them forward.

πŸ“¦ Use it to learn how the design meets its setting.

πŸ“ BUILD NOTES & REFERENCES

✏️ Adobe create-mockups

✏️ Place approved artwork on a real product surface when a mockup is needed. Confirm source artwork fidelity and current tool access.

Review before deliveryπŸ”
TAP 2 PLAY
0:00

πŸ” A final review checks meaning, usefulness, and the latest feedback.

πŸ“– OPEN THE DETAILSCLOSE THE DETAILS+

πŸ” Take another look at what the person will actually see.

πŸ” Is the main idea clear, do the details belong together, and has the latest feedback changed anything?

πŸ” Compare the result with its references and keep unanswered questions visible.

πŸ” Careful review helps the next version earn its place.

πŸ“ BUILD NOTES & REFERENCES

✏️ deep-card-review

✏️ Creator intent, evidence, practical translation, gaps, and closure. Useful for this guide because it will shape later design behavior.

These skills are listed in the current HQ catalog. Listing is not evidence that every connected service is signed in, that every skill ran in this pass, or that a future customer AI Bestie inherits it. This pass used brand communication, foam material, Drive/source research, a capture subagent, browser checks, and local visual authoring.