Design excellent UX for digital products (web, mobile, CLI). Use when: (1) designing new features/flows, (2) creating information architecture, (3) specifying interaction patterns, (4) planning screen states/transitions. Complements frontend-design (visuals) by focusing on structure and behavior.
npx ai-builder add skill braingrid/uxCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
npx ai-builder add skill braingrid/bg-frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
npx ai-builder add skill braingrid/frontend-designSave a plan as a BrainGrid requirement
npx ai-builder add command braingrid/save-requirementSave a plan as a BrainGrid requirement
npx ai-builder add skill braingrid/save-requirementCreate AI-refined requirement from a prompt using BrainGrid
npx ai-builder add command braingrid/specifyBreak down a requirement into AI-generated tasks
npx ai-builder add command braingrid/breakdownBuild a requirement with full task details and optional instructions
npx ai-builder add skill braingrid/buildCreate AI-refined requirement from a prompt using BrainGrid
npx ai-builder add skill braingrid/specifyUse this skill when defining work, specifying requirements, or planning features. It helps turn messy ideas into detailed specifications and AI-ready tasks. This skill teaches how to plan using BrainGrid CLI commands for spec-driven development, including creating requirements, breaking them into tasks, and tracking work progress. Apply this skill when users mention requirements, specifications, task breakdowns, or when they have vague project ideas that need structuring.
npx ai-builder add skill braingrid/braingrid-cli