What problem does it solve?
This Skill helps you provide AI agents with the precise context they need to produce high-quality, on-target outputs, eliminating confusion and multiple clarification rounds. It teaches you how to structure information efficiently, ensuring agents understand your objectives, constraints, and existing patterns without being overwhelmed.
Core Features & Use Cases
- Context Hierarchy: Learn to prioritize essential, important, and optional context, providing only what's necessary at each stage of a task.
- @-Mention Strategies: Master the art of referencing specific files and code patterns using
@-mentions to guide agents effectively without inlining large code blocks.
- Context Structuring Templates: Utilize pre-defined templates for implementation, research, and design tasks to ensure consistent and comprehensive delegation.
- Use Case: You need a
UserCard component built. Instead of a vague request, use this skill to provide a clear objective, success criteria, @-mention an existing ProductCard for style reference, and specify the output file path, leading to a perfect first-try component.
Quick Start
Example: Optimized context for a frontend task
@frontend-developer create a responsive UserCard component
Objective: Create a responsive UserCard component showing avatar, name, email, and join date.
Files:
- Modify: @src/components/UserCard.tsx
- Reference: @src/components/ProductCard.tsx (for our card pattern)
Success: Component renders all user data, works on mobile (320px+), uses shadcn/ui Card.