The Agent Skills Directory

[SAFE]: The skill provides a comprehensive set of design engineering directives aimed at improving the quality of generated frontend code. It includes specific rules for typography, color, layout, and performance optimization which are all standard best practices in the web development industry.
[SAFE]: External dependencies referenced in the skill, such as framer-motion, lucide-react, zustand, tailwindcss, @phosphor-icons/react, and @radix-ui/react-icons, are well-known, legitimate, and widely used libraries in the React ecosystem.
[SAFE]: The instruction for the agent to check package.json and provide installation commands for missing packages is a routine developer workflow and does not represent a security threat.
[SAFE]: References to external media resources, such as picsum.photos, are limited to well-established placeholder services for design mockups.
[INDIRECT_PROMPT_INJECTION]: The skill is designed to adapt its configuration based on user prompts, which is an inherent part of its functionality as a design assistant.
Ingestion points: User prompts in the chat interface are used to dynamically override baseline design variables (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY).
Boundary markers: No specific delimiters are defined in the instructions for user-provided data.
Capability inventory: The skill generates React/Next.js code and suggests standard package installations via npm install.
Sanitization: No specific sanitization logic is defined for user-provided configuration values.

design-taste-frontend