logoChakra

Agent Skills

Coding Agent Skills

Skills are reusable instructions that teach agents how to perform specific tasks. They follow the Agent Skills specification - an open standard for packaging agent capabilities.

A skill is a folder containing:

  • SKILL.md: Instructions and metadata for the agent
  • references/: Supporting documentation (optional)
  • scripts/: Executable scripts (optional)
  • assets/: Images and other files (optional)

Folder structure

SKILL.md
style-guide.md
pr-checklist.md
lint.ts

Here is my curated collection of Claude Code settings, skills and sub-agents designed for enhanced development workflows. This setup includes specialized skills and subagents for feature development (spec-driven workflow), code analysis, GitHub integration, and knowledge management.

Skills CLI

Skills are reusable capabilities for AI agents. Install them with a single command to enhance your agents with access to procedural knowledge.

# add
bunx skills@latest add <owner/repo>
# update
bunx skills@latest update
# remove
bunx skills@latest remove -s [skill-name]

Usage

to use migrate-radix-to-base skill, ask your coding agent:

migrate alert-dialog to base ui

Workflow

Developer workflow skills for Spec Driven Development (SDD)

  • grill-me: Align Before You Build — interviews you relentlessly about a plan or design, one question at a time, until you and the agent reach a shared understanding — and it writes the vocabulary and decisions down as you go.

  • to-prd: Turn Resolved Context Into a PRD - turns the current conversation context and codebase understanding into a product requirements document.

  • to-issues - Break a PRD Into Vertical-Slice GitHub Issues

  • tdd: Break a PRD Into Vertical-Slice GitHub Issues- builds a feature or fixes a bug test-first, one behaviour at a time, driving the code out through a red-green loop.

  • improve-codebase-architecture: Find Deepening Opportunities - Making Your Code Agent-Friendly

  • handoff: Move Context Between Agent Sessions — Compact the current conversation into a handoff document so another agent can continue the work.

  • Shadcn's improve - An agent skill that audits any codebase and writes implementation plans for other agents to execute.

UI full-stack

  • shadcn: Give your AI assistant deep knowledge of shadcn/ui components, patterns, and best practices.
  • drizzle v1 skills: AI-agent-ready best practices for Drizzle ORM with PostgreSQL. Designed to be consumed by LLM-based coding agents (Claude, Cursor, Codex, etc.) as a skill or context file so they write correct, idiomatic Drizzle code out of the box.
  • better-auth: Install Better Auth agent skills so your coding assistant follows library conventions and patterns.
  • evlog: AI-assisted code review and evlog adoption using Agent Skills. Let AI review your logging patterns and guide migration to wide events.
  • better-result: Lightweight Result type for TypeScript with generator-based composition.
    • better-result-adopt — adopt better-result in an existing codebase
    • better-result-migrate-v2 — migrate v1 TaggedError usage to the v2 API
  • data-table-filters: Ships with an AI agent skill that understands the full project structure — it can scaffold, configure, and extend data tables end-to-end. Because every component is installed via the shadcn CLI, agents know exactly how to add and compose pieces without custom tooling. Also includes an MCP server that lets AI assistants query and filter your actual table data directly.
    • Then just say "add a filterable data table" — the skill detects your stack, installs the right blocks, generates a schema, and wires everything up.
  • files-sdk: Use files-sdk to add file storage to a TypeScript/JavaScript app with a unified API across S3, R2, GCS, Azure, Vercel Blob, the local filesystem, and 40+ other providers.
  • email-sdk: Install the Email SDK skill for coding agents and expose a send_email tool with createEmailAgentTools
  • react-doctor - /improve-react uses React Doctor under the hood to find issues.
    • Install with bunx skills add https://github.com/aidenybai/react-doctor --skill improve-react

Usage

Prompt example:

  • "Use the email-sdk skill"
  • "Wire Resend as the primary adapter and SMTP as fallback."
  • "Keep secrets in environment variables."
  • "Add one narrow test around the send path."

Design

AI Agent Frameworks

  • Mastra : Official Mastra skills for agents working with the Mastra framework.
  • assistant-ui: Use AI tools to build with assistant-ui faster. AI-accessible documentation, Claude Code skills, and MCP integration.

Usage

Once installed, your AI assistant will understand everything about assistant-ui - just ask naturally:

  • "Add a chat interface with streaming support to my app"
  • "How do I integrate assistant-ui with the Vercel AI SDK?"
  • "My Thread component isn't updating, what could be wrong?"

Database

  • pg-aiguide: AI-optimized PostgreSQL expertise for coding assistants

Reference

Last updated on

On this page