/frontend-designWeb
Frontend design
A token plan before any JSX, section patterns that read as a real product, and layouts that hold at every width.
Teach Vibely your way of building
Turn your playbooks, checklists and house style into reusable skills, so Vibely applies them automatically — in every project, every time.
Start using skillsHow the Vibely agent uses skillsReuse another project with Add contextPair skills with connectors
Expert output, every time
The same result on the same kind of task
A skill tells Vibely exactly how you want a launch checklist run, a changelog written or a page reviewed — so the tenth time looks like the first.
Capture what your team knows
Package your playbooks, review routines and house style once. Everyone in the workspace gets them in every project, from their first build.
One skill, every project
Workspace skills apply across every web and mobile project in the workspace. No copying instructions into each chat.
Loaded only when it matters
Vibely reads each skill’s description and pulls the full instructions in only when a task calls for it — keep many focused skills without slowing every message.
How teams use skills
Vibely comes with built-in skills for design and build work. Add your team’s playbooks, or write your own from scratch.
Built-in skills
Vibely ships 18 skills for design and build work, on in every workspace.
- Landing pages and dashboards that don’t read as templated, with frontend-design
- Accessibility and SEO passes that fix what they find
- App icons, splash screens and native-feeling motion for mobile apps
Workspace skills
Package your team’s way of working so every project follows it.
- Pre-ship launch checklists and release-readiness reviews
- Release notes, changelog entries and support replies in your format
- Tone of voice and formatting rules for one kind of content
Your own shortcuts
Call a skill by name, or let Vibely pick it for you.
- Type /skill-name in the prompt box to use one on demand
- Add trigger phrases so a skill loads the moment you mention them
- Turn automatic use off for skills you only want when you ask
Create your own
Write one in Vibely
Name it, say when it applies, and write the instructions in Markdown. It’s live across the workspace the moment you click Create.
Create a skillUpload a SKILL.md
Skills are Markdown with a little frontmatter. Add trigger phrases and Vibely loads the skill the moment you mention one. Skills from Claude import as they are.
Read the docs18 built-in skills, on in every workspace
1 / 6