MaggieAppletonCommunity·22 Agent Skills Included

maggieappleton.com-V3

UI design reviews, animation audits, and feature planning workflows

Audits web interfaces for animation performance, accessibility issues, and design quality with concrete code-level fixes. Guides feature planning from brainstorming and PRDs through phased implementation plans and GitHub issues. Eliminates guesswork in debugging by enforcing root-cause investigation and verified fixes before completion claims.

160|16

↗

npx skills add MaggieAppleton/maggieappleton.com-V3 --all -g -y

Available:

Gives your AI agent the project's tech stack, content collections, and key features so it can work on this Astro digital garden with the right context.

All Skills in This Repository (22)

Pure Emerald Level Indicators

📦 In Repo

MaggieAppleton

fixing-motion-performance

Audit UI animations and optimize transforms to reduce layout thrashing.

12-principles-of-animation

Audits web UI animation code for violations of Disney's 12 principles.

web-animation-design

Design web animations with CSS transforms, easing, and reduced-motion support.

maggie-design

Guide minimalist UI design with progressive disclosure and tooltips.

baseline-ui

Enforce baseline UI rules for Tailwind CSS projects via YAML frontmatter and MDX guidance.

design-with-taste

Apply human-centered design pillars to frontend UI development.

fixing-accessibility

Identify and fix HTML accessibility issues to meet WCAG requirements.

interaction-design

Implement microinteractions, motion design, and feedback patterns in UI.

interface-craft

Automate readable UI animation design with storyboards, live controls, and critique workflows.

frontend-design

Design production-grade frontend interfaces with HTML, CSS, and JavaScript.

design-lab

Interview stakeholders and generate five UI variants with an interactive feedback overlay.

write-a-prd

Generate a PRD document through user interviews and repository audits.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install maggieappleton.com-V3 skills?▼

Run `npx skills add MaggieAppleton/maggieappleton.com-V3 --all -g -y` in your terminal to install all skills in this collection globally.

How to fix janky web animations?▼

Use the fixing-motion-performance skill to audit your CSS or JS animations for layout thrashing, scroll-driven motion, and paint issues, then get concrete code-level fixes.

Can these skills review my UI accessibility?▼

Yes. The fixing-accessibility skill checks ARIA labels, keyboard navigation, focus management, and form errors against WCAG rules and suggests minimal targeted fixes.

How do I turn a PRD into implementation tasks?▼

The prd-to-plan and prd-to-issues skills break a PRD into thin vertical slices, then output a phased plan file or ready-to-work GitHub issues.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, and other compatible coding environments.