Original SourceAnthropic
Frontend Design
Directs an agent toward deliberate visual choices for a new or existing interface, rather than default layouts and decoration.
Third-Party Agent Skills · Browse by Task
Agent Skills for Interface Design
Choose between creating an interface, reviewing one already built, and inspecting its motion or interaction behavior. They are different design jobs.
An instruction file can give a design review structure, but it cannot replace seeing the actual interface, checking accessibility, or testing interaction on the intended device.
Selected Skills and Original Sources
Local GuideVercel Labs
Web Design Guidelines
The installed SKILL.md is a short review workflow rather than a frozen rulebook. Its agent fetches the current guideline source for each review, checks the requested files, and returns terse findings.
Original SourceEmil Kowalski
Design Engineering
Encodes a design-engineering perspective on interface polish, components, motion decisions, and the details that make software feel coherent.
Original SourceEmil Kowalski
Review Animations
Reviews animation code for purpose, timing, interruption, performance, accessibility, and fit with the interface.
Original SourceEmil Kowalski
Apple Design
Applies Apple-inspired principles to web interactions such as gestures, springs, sheets, spatial feedback, and reduced motion.
Local GuideVercel Labs
Vercel React View Transitions
The source ties animation patterns to spatial meaning. A list-to-detail movement may need a shared element; a background refresh often should not animate at all. Implementation advice is version-sensitive.
This is an independent directory. Check the publisher's source for installation, tools, and availability.
Choose by the Job
Starting a New Interface
Frontend Design and Design Engineering address visual direction and implementation quality from the outset.
Reviewing an Existing Page
Web Design Guidelines provides a review workflow for concrete UI issues rather than a generic style preference.
Checking Motion and Feedback
Use motion-specific guidance when transitions, timing, or reduced-motion behavior needs attention.
Explore Other Skill Categories
Choose the next task, not just the next publisher.
Frequently Asked Questions
Can these Skills generate a finished design system?
Not by themselves. They provide instructions; a coherent design system still needs product decisions, components, and testing.
Which Skill fits an existing UI review?
Start with Web Design Guidelines for a broad review. Use Review Animations when motion is the specific concern.
Are design and frontend coding the same category?
They overlap but are not identical. This category focuses on visual, interaction, and review decisions; Coding focuses on implementation changes.
Do these pages reproduce the publishers' full instructions?
No. The original SKILL.md remains the source of truth. Floatboat provides independent summaries and links.
From Review to Revision
Keep Interface Feedback in Context
Bring the page, design references, and review notes together before the next revision.