app-builder
SolidBuild and edit small, personal visual tools and artifacts — dashboards, trackers, calculators, data visualizations, charts, simple landing pages, and slide decks the user wants for THEMSELVES. This is the right skill whenever the user asks to "visualize this," "make a chart," or "build an artifact" for their own use, or to edit an app they already built here. Do NOT reach for a ui_show dynamic_page to fake an artifact — build a real persistent app here. NOT for complex, multi-user, or shippable products — those go to a real project folder with a coding agent (see Scope below).
Install
Quality Score: 91/100
Skill Content
Details
- Author
- vellum-ai
- Repository
- vellum-ai/vellum-assistant
- Created
- 4 months ago
- Last Updated
- today
- Language
- TypeScript
- License
- MIT
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
frontend-design
Design-quality layer for frontend code — typography, color, motion, spatial composition, and avoiding generic "AI slop" aesthetics. Use this as a companion when you are already writing or styling frontend code and want it to look distinctive and production-grade. For building an app, dashboard, tracker, calculator, visualization, landing page, or slide deck the user wants inside the assistant, load `app-builder` instead — it loads this skill itself for the design pass.
product-ui-design
Build functional product UI — dashboards, SaaS tools, settings, app screens, admin panels, data tables, forms — that looks like a real shipped product (Apple / Linear / shadcn register), not generic AI slop. Enforces restraint, kills AI-tell signals (glowing status dots, mono eyebrow labels, purple-blue accents, filled+ghost hero button pairs, four-cell stat strips), and grounds choices in observation of real products. Use when the user asks for product/app/dashboard/admin/internal-tool UI. For expressive marketing or landing-page aesthetics, use frontend-design instead.
frontend-design
Load when a workflow-router-selected owner workflow needs polished product UI, web pages, landing pages, dashboards, React components, HTML/CSS layouts, or styling; skip routine frontend logic and reports.