The Agent Skills Directory

[COMMAND_EXECUTION]: The skill includes instructions for the agent to execute a specific tool to gather project context.
Evidence: SKILL.md contains the instruction: "run {{command_prefix}}teach-impeccable NOW before doing anything else."
Context: This command is used to ensure the agent has required design context (target audience, use cases, brand tone) before proceeding with design work, which is the primary purpose of the skill.
[SAFE]: The skill consists of creative and technical guidelines across multiple design domains.
Typography & Color: Provides best practices for using OKLCH color spaces and fluid typography.
Spatial & Motion Design: Offers guidance on CSS grid layouts and performance-optimized animations using transform and opacity.
External References: All cited external tools (e.g., WebAIM, Fontaine, Wakamai Fondue) are well-known, reputable services in the web development community.

frontend-design