Use this skill whenever the user wants to run terminal commands, execute scripts, render/run a page or project, start/stop processes, run build tools, test runners, compilers, linters, servers, or any shell-based task — including multi-service projects like frontend + backend. Triggers on: "run this", "execute", "start the server", "render the page", "run tests", "build", "start the app", or any request implying shell execution. MANDATORY: Execute every terminal command step via the Bash tool (never run_terminal_cmd or alternatives). Always use this skill so commands are planned, tracked, and properly terminated at end of conversation.
Use this skill whenever the user wants to preview, render, open, or view a webpage, website, HTML file, or frontend/backend project in the browser. Triggers on: 'render this', 'preview the page', 'open in browser', 'serve this', 'show me what it looks like', 'run the app', 'view in browser', or any request to visually preview a web project. Detects project type automatically and finds a free port dynamically — never hard-codes port numbers. Checks for already-running dev servers before starting new ones.
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Use this skill when the user wants production-ready, secure, and scalable code across any stack. Triggers include: building APIs, full-stack apps, backend services, database integrations, authentication systems, or any multi-file software project. Also use when debugging errors, refactoring existing code, designing system architecture, or writing tests. Apply whenever the task involves real engineering judgment — not just syntax help.
Master animations - Reanimated 3, Gesture Handler, layout animations, and performance optimization
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.