typescript-utility-types
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
create-blueprint
Research a specific system and create or update its blueprints/ documentation
Full skill instructions
blueprints:create-blueprint - Generate or update blueprint documentation for a specific system
/blueprint <system-name>
Research a specific system in the codebase and create or update its technical blueprint documentation in the blueprints/ directory at the repository root.
CRITICAL: Blueprints MUST be created at the repository root, never in subdirectories or packages.
{repo-root}/blueprints/{system-name}.md{repo-root}/packages/foo/blueprints/{system-name}.md{repo-root}/src/blueprints/{system-name}.mdBlueprints are repository-wide system design documents. A single system may span multiple packages or directories, but there should be ONE blueprint at the repo root describing the entire system.
You are tasked with creating or updating technical blueprint documentation for a specific system.
The user will specify which system to document. This could be:
Thoroughly investigate the system:
Before creating a new blueprint, check what already exists:
Glob("blueprints/*.md") to see all existing blueprint filesGrep to search frontmatter in blueprints/ for related topicsRead("blueprints/{related-name}.md") to check for overlapUse the Write tool to create or update the blueprint file at blueprints/{system-name}.md.
The file MUST include YAML frontmatter:
---
name: system-name
summary: Brief one-line description
---
# {System Name}
...
The blueprint content should follow this structure:
---
name: system-name
summary: Brief one-line description
---
# {System Name}
{Brief one-line description}
## Overview
{2-3 paragraphs explaining the system's purpose, why it exists, and its role in the larger system}
## Architecture
{Describe the system structure}
### Components
- **{Component A}** - {description}
- **{Component B}** - {description}
### Data Flow
{How data moves through the system}
### Dependencies
- {Dependency 1} - {why it's needed}
- {Dependency 2} - {why it's needed}
## API / Interface
### Public Functions/Methods
#### `functionName(params)`
{Description}
**Parameters:**
- `param1` (type) - {description}
**Returns:** {description}
### Commands
{If applicable, document CLI commands}
### Configuration
{Document configuration options}
## Behavior
### Normal Operation
{How the system behaves under normal conditions}
### Error Handling
{How errors are handled}
### Edge Cases
{Notable edge cases and how they're handled}
## Files
Key implementation files:
- `path/to/main.ts` - {brief description}
- `path/to/helper.ts` - {brief description}
## Related Systems
- [{Related System}](./related-system.md) - {relationship description}
After completing the research and documentation:
Write("blueprints/{system-name}.md", content)Note: The blueprint index at .claude/rules/blueprints/blueprints-index.md is automatically regenerated by the SessionStart hook - you don't need to manually update it.
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
Use when writing shell scripts that need to run across different systems, shells, or environments. Covers POSIX compatibility and platform differences.
Use when optimizing Tailwind CSS for production, reducing bundle size, and improving performance. Covers PurgeCSS, JIT mode, and build optimization.
Generate production-ready code from a Figma component or frame using the Figma MCP server
Use when integrating Dialyzer into development workflows and CI/CD pipelines for Erlang/Elixir projects.
Use when ruboCop configuration including YAML config, departments, inheritance, and customization.
Use when Elixir OTP patterns including GenServer, Supervisor, Agent, and Task. Use when building concurrent, fault-tolerant Elixir applications.
Use when creating custom Ameba rules for Crystal code analysis including rule development, AST traversal, issue reporting, and rule testing.
Use when swift's optional handling patterns including optional binding, chaining, nil coalescing, and modern approaches to safely working with optional values while avoiding common pitfalls and force unwrapping.
Use when annotating code with structured metadata, tags, and markers for AI-assisted development workflows. Covers annotation formats, semantic tags, and integration with development tools.
Use when scala collections including immutable/mutable variants, List, Vector, Set, Map operations, collection transformations, lazy evaluation with views, parallel collections, and custom collection builders for efficient data processing.
Use when creating custom React Flow nodes, edges, and handles. Covers custom node components, resizable nodes, toolbars, and advanced customization.
Generate, edit, and beat-sync AI video with leading models in one workspace.
The world's fastest calendar for remote work
Transform Your Design with AI Designer by ImgCreator.ai
Revolutionizing Video Production with AI-Powered Creativity
Extend an image past the frame and let AI fill the new aspect ratio.
Discover your celebrity doppelgänger with StarByFace!
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Opus.ai: Revolutionize Your Web Experience