designing-frontend-components
Creates production-grade UI components using Tailwind CSS, Shadcn/ui, and Radix UI. Follows VeXeViet design standards for accessibility and performance. Use when building or refactoring web UI.
Explorez des skills pour le développement, le contenu, les données et la productivité. Comparez les descriptions et dépôts.
Creates production-grade UI components using Tailwind CSS, Shadcn/ui, and Radix UI. Follows VeXeViet design standards for accessibility and performance. Use when building or refactoring web UI.
Manages User Service operations including Prisma schema, migrations, authentication logic, and profile management. Use when working on user-related backend features.
Enforces strict TypeScript rules and patterns. Use when refactoring code to be type-safe or fixing TS errors.
This is a new rule
Reviews code for best practices and potential issues
Design and generate Azure Pipelines YAML scripts that comply with the latest standards based on official Microsoft documentation and project requirements. Prioritize using modular Templates.
Design and implement the Viet K-Connect document generation template engine (DB-driven wizard schema + PDF renderSpec + history + Storage upload). Start with 2 templates and scale linearly to 50 without hardcod...
Prevent i18n regressions for ko/en/vi (missing keys, long Vietnamese text UI breakage). Use when changing messages/*.json or adding user-facing strings.
Build step-based wizard UIs (step UI, fixed bottom CTA with safe-area, localStorage draft save, runtime validation, submit event logging). Use for visa assessment, doc generation, admin queue inputs.
Enforce Viet K-Connect non-negotiables (no Server Actions, API Routes only, Drizzle/Supabase patterns, TanStack Query repo layer, i18n ko/en/vi key parity). Use before/after code changes and for PR review check...
Build the regulation/knowledge update pipeline (official sources -> snapshots -> structured rulesets/templates -> admin approval -> active). Use for keeping visa rules and document requirements up-to-date witho...
Design and implement the Viet K-Connect visa assessment engine (DB-driven ruleset JSON schema + versioning + effective dates). No hardcoded rules in code. Use for building /api/visa/assess and admin ruleset man...
Standardize Next.js App Router API route implementations under src/app/api/** (auth/session, input validation, Drizzle queries, rate limiting, response shape). Use when creating or refactoring API routes in thi...
Run a VKC UX expert audit (Nielsen-style heuristic review + mobile-first flow check) and produce a prioritized issue list with severity and fixes.
Standardize Drizzle schema/migration/seed workflow for Viet K-Connect. Use when adding or changing DB tables, especially DB-driven visa rulesets and document templates (no hardcoding).
Standardize admin operations workflow (Draft -> Review -> Scheduled publish -> Published) using DB states + admin API routes + scheduled visibility. Use when implementing admin-controlled publishing systems.
Generate Mermaid diagrams from code analysis and natural language descriptions using Bun/TypeScript
Write high-quality technical specifications that enable clear communication, reduce ambiguity, and drive successful implementation. Use when planning new features, designing APIs, documenting system architectur...
Write high-quality implementation plans that break down complex work into clear, actionable steps with identified risks and dependencies. Use when breaking down feature specs, planning refactoring or migration...
Comprehensive code review with best practices, security, and maintainability checks. Use when reviewing pull requests, pre-commit code checks, learning code review techniques, improving code quality, or perform...
Comprehensive A2A (Agent-to-Agent) development toolkit for building Python agents using a2a-sdk and FastAPI. Use when creating new A2A agents, implementing agent handlers, adding streaming capabilities, testing...
Statistical analysis and data exploration workflows for effective data-driven insights. Use when analyzing datasets, performing exploratory data analysis (EDA), statistical hypothesis testing, data visualizatio...
Comprehensive toolkit for building Python-based A2A agents that interact with UCP (Universal Commerce Protocol) merchant agents. Use when creating shopping agents, integrating with UCP merchants, managing check...
Write effective progress files that enable continuity across sessions and agent handoffs in spec-driven development. Use when starting work sessions, resuming after breaks, completing tasks or milestones, encou...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.