Copy this prompt into the AI assistant you're using.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/jangtrinh/EaseUI-Agent.Loading the repository README…
Showing 40 of 111 collected skills.
Process and generate multimedia content using Google Gemini API for better vision capabilities. Capabilities include analyze audio files (transcription with timestamps, summarization, speech understanding, music/sound analysis up to 9.5 hours), understand…
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design…
Combine changelog generation and commit workflow for EaseUI. Always generate changelog first, then run tests, commit with conventional format, perform ByteRover/PM Hub sync, and push. Use when user asks to commit and wants changelog-first flow, or says Now…
You MUST use this for gathering contexts before any work. This is a Knowledge management for AI agents. Use `brv` to store and retrieve project patterns, decisions, and architectural rules in .brv/context-tree. Uses a configured LLM provider (default:…
Code review practices — receiving feedback with technical rigor, requesting reviews, verification gates, and review checklist. Use when receiving feedback, completing tasks, or before claiming success.
Execute the EaseUI commit workflow end-to-end with branch safety, tests, changelog update, PM Hub sync, ByteRover deep sync, and push. Use when the user asks to commit, says Copu or Now, or requests commit message generation and git push.
Check context usage limits, monitor time remaining, optimize token consumption, debug context failures. Use when asking about context percentage, rate limits, usage warnings, context optimization, agent architectures, memory systems.
Interactive debugging via DAP CLI. Set breakpoints, inspect variables, step through code — the way human developers debug. Supports Python, Go, Node.js/TS, Rust, C/C++. Use when print-debugging is insufficient, when you need runtime state inspection, or when…
Systematic debugging framework ensuring root cause investigation before fixes. Includes four-phase debugging process, backward call stack tracing, multi-layer validation, and verification protocols. Use when encountering bugs, test failures, unexpected…
EaseUI's actual design tokens, component library, and animation patterns extracted from the production codebase. Reference this when building UI within EaseUI or generating components that must match the EaseUI design language.
Mandatory pre-read of EaseUI feature documentation before modifying any existing feature. Maps feature areas to their docs and enforces a "read first, code second" protocol.
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
Git operations with conventional commits. Use for staging, committing, pushing, PRs, merges. Auto-splits commits by type/scope. Security scans for secrets.
Craft stunning GitHub Profile READMEs and project READMEs. Covers visual hierarchy, dynamic stats, badges, typing animations, GitHub Actions automation, and content strategy. Based on analysis of 150+ top profiles from awesome-github-profile-readme. Use when…
Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser/Node compatibility.
MotionWind — Tailwind-like utility classes for Motion (Framer Motion) animations. Build-time Babel transform, zero runtime overhead. Syntax reference, patterns, physics, scroll, SVG, layout, drag. Use when adding animations to React/Next.js components with…
Next.js 15 App Router patterns for EaseUI. Server/Client Components, data fetching, caching, server actions.
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login ...
Expert UI/UX designer specializing in high-fidelity HTML/Tailwind generation based on EaseUI principles. Converts user prompts into stunning, responsive browser or mobile interfaces using precise constraints.
React and Next.js performance optimization guidelines from Vercel Engineering. Focuses on eliminating waterfalls, bundle size, and re-renders.
React 19 patterns — hooks, composition, performance, state management with Zustand. Vercel's 45-rule optimization guide.
Source text: Vietnamese
Storybook skill for EFE projects — SB8+/latest + Next.js (Vite) + Tailwind v4. Configuration, CSF3 story patterns, interaction testing, portable stories → Vitest, and design token integration.
Implement Stripe payment processing for robust, PCI-compliant payment flows including checkout, subscriptions, and webhooks. Use when integrating Stripe payments, building subscription systems, or ...
Automate Supabase database queries, table management, project administration, storage, edge functions, and SQL execution via Rube MCP (Composio). Always search tools first for current schemas.
Supabase patterns for EaseUI. Auth, database, RLS, storage, edge functions, TypeScript types.
Source text: Mixed languages
Tailwind CSS v4 patterns for EaseUI. CSS-first config, container queries, responsive design, animation patterns.
Run tests and systematically fix all failing tests using smart error grouping. Use when user asks to fix failing tests, mentions test failures, runs test suite and failures occur, or requests to ma...
Optimization patterns for tilth code intelligence MCP server. Decision matrices, search/read patterns, anti-patterns from benchmarks, and workflow recipes for maximum AI agent efficiency. Use when doing code navigation, understanding unfamiliar code,…
TypeScript patterns for EaseUI — strict types, Zod validation, generics, utility types.
Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.
Web performance optimization — Core Web Vitals, bundle size, image optimization, caching. Compressed from 650-line guide.
Process and generate multimedia content using Google Gemini API for better vision capabilities. Capabilities include analyze audio files (transcription with timestamps, summarization, speech understanding, music/sound analysis up to 9.5 hours), understand…
API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design…
Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.
AI operational modes (brainstorm, implement, debug, review, teach, ship, orchestrate). Use to adapt behavior based on task type.
Socratic questioning protocol + user communication. MANDATORY for complex requests, new features, or unclear requirements. Includes progress reporting and error handling.
You MUST use this for gathering contexts before any work. This is a Knowledge management for AI agents. Use `brv` to store and retrieve project patterns, decisions, and architectural rules in .brv/context-tree. Uses a configured LLM provider (default:…
Repository README source: README.md
Read the source README