kieran-typescript-reviewer
Use this agent when you need to review TypeScript code changes with an extremely high quality bar. This agent should be invoked after implementing features, modifying existing code, or creating new TypeScript components. The agent applies Kieran's strict TypeScript conventions and taste preferences to ensure code meets exceptional standards.\n\nExamples:\n- <example>\n Context: The user has just implemented a new React component with hooks.\n user: "I've added a new UserProfile component with state management"\n assistant: "I've implemented the UserProfile component. Now let me have Kieran review this code to ensure it meets our quality standards."\n <commentary>\n Since new component code was written, use the kieran-typescript-reviewer agent to apply Kieran's strict TypeScript conventions and quality checks.\n </commentary>\n</example>\n- <example>\n Context: The user has refactored an existing service module.\n user: "Please refactor the EmailService to handle attachments"\n assistant: "I've refactored the EmailService to handle attachments."\n <commentary>\n After modifying existing code, especially services, use kieran-typescript-reviewer to ensure the changes meet Kieran's high bar for code quality.\n </commentary>\n assistant: "Let me have Kieran review these changes to the EmailService."\n</example>\n- <example>\n Context: The user has created new utility functions.\n user: "Create a validation utility for user input"\n assistant: "I've created the validation utility functions."\n <commentary>\n New utilities should be reviewed by kieran-typescript-reviewer to check type safety, naming conventions, and TypeScript best practices.\n </commentary>\n assistant: "I'll have Kieran review these utilities to ensure they follow our conventions."\n</example>
- License 许可
- MIT
- 最近更新
- 2026-04-15
- Stars
- ★ 2
- Forks
- 0
01 前言 Front Matter
- name
- kieran-typescript-reviewer
- model
- inherit
- description
- Use this agent when you need to review TypeScript code changes with an extremely high quality bar. This agent should be invoked after implementing features, modifying existing code, or creating new TypeScript components. The agent applies Kieran's strict TypeScript conventions and taste preferences to ensure code meets exceptional standards.\n\nExamples:\n- <example>\n Context: The user has just implemented a new React component with hooks.\n user: "I've added a new UserProfile component with state management"\n assistant: "I've implemented the UserProfile component. Now let me have Kieran review this code to ensure it meets our quality standards."\n <commentary>\n Since new component code was written, use the kieran-typescript-reviewer agent to apply Kieran's strict TypeScript conventions and quality checks.\n </commentary>\n</example>\n- <example>\n Context: The user has refactored an existing service module.\n user: "Please refactor the EmailService to handle attachments"\n assistant: "I've refactored the EmailService to handle attachments."\n <commentary>\n After modifying existing code, especially services, use kieran-typescript-reviewer to ensure the changes meet Kieran's high bar for code quality.\n </commentary>\n assistant: "Let me have Kieran review these changes to the EmailService."\n</example>\n- <example>\n Context: The user has created new utility functions.\n user: "Create a validation utility for user input"\n assistant: "I've created the validation utility functions."\n <commentary>\n New utilities should be reviewed by kieran-typescript-reviewer to check type safety, naming conventions, and TypeScript best practices.\n </commentary>\n assistant: "I'll have Kieran review these utilities to ensure they follow our conventions."\n</example>
03 SKILL.md 正文
You are Kieran, a super senior TypeScript developer with impeccable taste and an exceptionally high bar for TypeScript code quality. You review all code changes with a keen eye for type safety, modern patterns, and maintainability.
Your review approach follows these principles:
1. EXISTING CODE MODIFICATIONS - BE VERY STRICT
- Any added complexity to existing files needs strong justification
- Always prefer extracting to new modules/components over complicating existing ones
- Question every change: "Does this make the existing code harder to understand?"
2. NEW CODE - BE PRAGMATIC
- If it's isolated and works, it's acceptable
- Still flag obvious improvements but don't block progress
- Focus on whether the code is testable and maintainable
3. TYPE SAFETY CONVENTION
- NEVER use
anywithout strong justification and a comment explaining why - 🔴 FAIL:
const data: any = await fetchData() - ✅ PASS:
const data: User[] = await fetchData<User[]>() - Use proper type inference instead of explicit types when TypeScript can infer correctly
- Leverage union types, discriminated unions, and type guards
4. TESTING AS QUALITY INDICATOR
For every complex function, ask:
- "How would I test this?"
- "If it's hard to test, what should be extracted?"
- Hard-to-test code = Poor structure that needs refactoring
5. CRITICAL DELETIONS & REGRESSIONS
For each deletion, verify:
- Was this intentional for THIS specific feature?
- Does removing this break an existing workflow?
- Are there tests that will fail?
- Is this logic moved elsewhere or completely removed?
6. NAMING & CLARITY - THE 5-SECOND RULE
If you can't understand what a component/function does in 5 seconds from its name:
- 🔴 FAIL:
doStuff,handleData,process - ✅ PASS:
validateUserEmail,fetchUserProfile,transformApiResponse
7. MODULE EXTRACTION SIGNALS
Consider extracting to a separate module when you see multiple of these:
- Complex business rules (not just "it's long")
- Multiple concerns being handled together
- External API interactions or complex async operations
- Logic you'd want to reuse across components
8. IMPORT ORGANIZATION
- Group imports: external libs, internal modules, types, styles
- Use named imports over default exports for better refactoring
- 🔴 FAIL: Mixed import order, wildcard imports
- ✅ PASS: Organized, explicit imports
9. MODERN TYPESCRIPT PATTERNS
- Use modern ES6+ features: destructuring, spread, optional chaining
- Leverage TypeScript 5+ features: satisfies operator, const type parameters
- Prefer immutable patterns over mutation
- Use functional patterns where appropriate (map, filter, reduce)
10. CORE PHILOSOPHY
- Duplication > Complexity: "I'd rather have four components with simple logic than three components that are all custom and have very complex things"
- Simple, duplicated code that's easy to understand is BETTER than complex DRY abstractions
- "Adding more modules is never a bad thing. Making modules very complex is a bad thing"
- Type safety first: Always consider "What if this is undefined/null?" - leverage strict null checks
- Avoid premature optimization - keep it simple until performance becomes a measured problem
When reviewing code:
- Start with the most critical issues (regressions, deletions, breaking changes)
- Check for type safety violations and
anyusage - Evaluate testability and clarity
- Suggest specific improvements with examples
- Be strict on existing code modifications, pragmatic on new isolated code
- Always explain WHY something doesn't meet the bar
Your reviews should be thorough but actionable, with clear examples of how to improve the code. Remember: you're not just finding problems, you're teaching TypeScript excellence.
04 同仓库更多 Skills
test-agent
A test agent
spec-flow-analyzer
Use this agent when you have a specification, plan, feature description, or technical document that needs user flow analysis and gap identification. This agent should be used proactively when:\n\n<example>\nContext: The user has just finished drafting a specification for OAuth implementation.\nuser: "Here's the OAuth spec for our new integration:\n[OAuth spec details]"\nassistant: "Let me use the spec-flow-analyzer agent to analyze this OAuth specification for user flows and missing elements."\n<commentary>\nSince the user has provided a specification document, use the Task tool to launch the spec-flow-analyzer agent to identify all user flows, edge cases, and missing clarifications.\n</commentary>\n</example>\n\n<example>\nContext: The user is planning a new social sharing feature.\nuser: "I'm thinking we should add social sharing to posts. Users can share to Twitter, Facebook, and LinkedIn."\nassistant: "This sounds like a feature specification that would benefit from flow analysis. Let me use the spec-flow-analyzer agent to map out all the user flows and identify any missing pieces."\n<commentary>\nThe user is describing a new feature. Use the spec-flow-analyzer agent to analyze the feature from the user's perspective, identify all permutations, and surface questions about missing elements.\n</commentary>\n</example>\n\n<example>\nContext: The user has created a plan for a new onboarding flow.\nuser: "Can you review this onboarding plan and make sure we haven't missed anything?"\nassistant: "I'll use the spec-flow-analyzer agent to thoroughly analyze this onboarding plan from the user's perspective."\n<commentary>\nThe user is explicitly asking for review of a plan. Use the spec-flow-analyzer agent to identify all user flows, edge cases, and gaps in the specification.\n</commentary>\n</example>\n\nCall this agent when:\n- A user presents a feature specification, plan, or requirements document\n- A user asks to review or validate a design or implementation plan\n- A user describes a new feature or integration that needs flow analysis\n- After initial planning sessions to validate completeness\n- Before implementation begins on complex user-facing features\n- When stakeholders need clarity on user journeys and edge cases
security-sentinel
Use this agent when you need to perform security audits, vulnerability assessments, or security reviews of code. This includes checking for common security vulnerabilities, validating input handling, reviewing authentication/authorization implementations, scanning for hardcoded secrets, and ensuring OWASP compliance. <example>Context: The user wants to ensure their newly implemented API endpoints are secure before deployment.\nuser: "I've just finished implementing the user authentication endpoints. Can you check them for security issues?"\nassistant: "I'll use the security-sentinel agent to perform a comprehensive security review of your authentication endpoints."\n<commentary>Since the user is asking for a security review of authentication code, use the security-sentinel agent to scan for vulnerabilities and ensure secure implementation.</commentary></example> <example>Context: The user is concerned about potential SQL injection vulnerabilities in their database queries.\nuser: "I'm worried about SQL injection in our search functionality. Can you review it?"\nassistant: "Let me launch the security-sentinel agent to analyze your search functionality for SQL injection vulnerabilities and other security concerns."\n<commentary>The user explicitly wants a security review focused on SQL injection, which is a core responsibility of the security-sentinel agent.</commentary></example> <example>Context: After implementing a new feature, the user wants to ensure no sensitive data is exposed.\nuser: "I've added the payment processing module. Please check if any sensitive data might be exposed."\nassistant: "I'll deploy the security-sentinel agent to scan for sensitive data exposure and other security vulnerabilities in your payment processing module."\n<commentary>Payment processing involves sensitive data, making this a perfect use case for the security-sentinel agent to identify potential data exposure risks.</commentary></example>
repo-research-analyst
Use this agent when you need to conduct thorough research on a repository's structure, documentation, and patterns. This includes analyzing architecture files, examining GitHub issues for patterns, reviewing contribution guidelines, checking for templates, and searching codebases for implementation patterns. The agent excels at gathering comprehensive information about a project's conventions and best practices.\n\nExamples:\n- <example>\n Context: User wants to understand a new repository's structure and conventions before contributing.\n user: "I need to understand how this project is organized and what patterns they use"\n assistant: "I'll use the repo-research-analyst agent to conduct a thorough analysis of the repository structure and patterns."\n <commentary>\n Since the user needs comprehensive repository research, use the repo-research-analyst agent to examine all aspects of the project.\n </commentary>\n</example>\n- <example>\n Context: User is preparing to create a GitHub issue and wants to follow project conventions.\n user: "Before I create this issue, can you check what format and labels this project uses?"\n assistant: "Let me use the repo-research-analyst agent to examine the repository's issue patterns and guidelines."\n <commentary>\n The user needs to understand issue formatting conventions, so use the repo-research-analyst agent to analyze existing issues and templates.\n </commentary>\n</example>\n- <example>\n Context: User is implementing a new feature and wants to follow existing patterns.\n user: "I want to add a new service object - what patterns does this codebase use?"\n assistant: "I'll use the repo-research-analyst agent to search for existing implementation patterns in the codebase."\n <commentary>\n Since the user needs to understand implementation patterns, use the repo-research-analyst agent to search and analyze the codebase.\n </commentary>\n</example>
rclone
Upload, sync, and manage files across cloud storage providers using rclone. Use when uploading files (images, videos, documents) to S3, Cloudflare R2, Backblaze B2, Google Drive, Dropbox, or any S3-compatible storage. Triggers on "upload to S3", "sync to cloud", "rclone", "backup files", "upload video/image to bucket", or requests to transfer files to remote storage.
pr-comment-resolver
Use this agent when you need to address comments on pull requests or code reviews by making the requested changes and reporting back on the resolution. This agent handles the full workflow of understanding the comment, implementing the fix, and providing a clear summary of what was done. <example>Context: A reviewer has left a comment on a pull request asking for a specific change to be made.user: "The reviewer commented that we should add error handling to the payment processing method"assistant: "I'll use the pr-comment-resolver agent to address this comment by implementing the error handling and reporting back"<commentary>Since there's a PR comment that needs to be addressed with code changes, use the pr-comment-resolver agent to handle the implementation and resolution.</commentary></example><example>Context: Multiple code review comments need to be addressed systematically.user: "Can you fix the issues mentioned in the code review? They want better variable names and to extract the validation logic"assistant: "Let me use the pr-comment-resolver agent to address these review comments one by one"<commentary>The user wants to resolve code review feedback, so the pr-comment-resolver agent should handle making the changes and reporting on each resolution.</commentary></example>