← All skill packs

Testing & UI Design Skills

Skill pack
5 skills0 selected
recca0120Skills in this pack

Guidelines for developing with Drizzle ORM, a lightweight type-safe TypeScript ORM with SQL-like…

English

Project lint, format, and git hooks setup using Biome and Lefthook. Use when modifying biome.json, lefthook config, or troubleshooting pre-commit/pre-push hooks.

English

Frontend data layer patterns with ky, React Query, Zod, and React Hook Form. Use when implementing API calls, building service layers, working with queries or mutations, adding form validation, or configuring error boundaries and toast notifications.

English

AI-friendly comprehensive testing guidance for Vitest with practical patterns and behavior-driven development.

English

Tailwind CSS v4 — CSS-first configuration, sem tailwind.config.js. Usado com Vite plugin.

Uncertain

Includes Drizzle Orm, Engineering Quality, Frontend Data Layer, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategoryengineeringStars0

What’s included

Drizzle Orm

Guidelines for developing with Drizzle ORM, a lightweight type-safe TypeScript ORM with SQL-like syntax

Engineering Quality

Project lint, format, and git hooks setup using Biome and Lefthook. Use when modifying biome.json, lefthook config, or troubleshooting pre-commit/pre-push hooks.

Frontend Data Layer

Frontend data layer patterns with ky, React Query, Zod, and React Hook Form. Use when implementing API calls, building service layers, working with queries or mutations, adding form validation, or configuring error boundaries and toast notifications.

Vitest Testing

AI-friendly comprehensive testing guidance for Vitest with practical patterns and behavior-driven development.

Tailwind V4

Tailwind CSS v4 — CSS-first configuration, sem tailwind.config.js. Usado com Vite plugin.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Drizzle Orm skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: MIT. The author’s terms apply.
Testing & UI Design Skills | Agent Skills Atlas