mblode/agent-skills
2 skills5.3k installs89 starsGitHub
Install
npx skills add https://github.com/mblode/agent-skillsSkills in this repo
1Ui Animationui-animation is an agent skill that teaches CSS clip-path as a first-class animation tool for indie web UIs. Solo builders shipping marketing sites, SaaS dashboards, or browser extensions often hit limits when every transition is opacity or transform; clip-path enables wipes, masked tab color changes, and reveal effects that stay GPU-friendly. The skill walks through the inset() model, transition timing with custom cubic-bezier curves, and JavaScript-driven CSS variables for tab overlays. It fits when you are implementing navigation, destructive actions, or media-heavy layouts and want copy-paste patterns rather than guessing animation APIs. It does not replace a full motion design system or framework-specific animation libraries—it gives procedural recipes your coding agent can apply directly in stylesheets and small JS hooks during frontend build work.5.3kinstalls2Agent Skills Creatoragent-skills-creator is a meta agent skill from mblode’s agent-skills collection that teaches solo builders how to write tight, high-signal SKILL.md content aligned with format-specification rules. It is journey-wide: whenever you extend Claude Code, Cursor, or Codex with custom capabilities, these authoring tips push agents away from generic coding advice toward org-specific defaults, failure modes, and scannable gotchas. The skill emphasizes progressive disclosure through the file system, appropriate degrees of freedom for each task, and practical sections on composing skills, storing scripts, hooks, and measuring outcomes. It complements formal structure docs with editorial judgment—what to cut, how to phrase descriptions for models, and how to evolve anti-patterns as new failures appear. Use it before publishing a skill to your repo or marketplace, not when you only need to run an existing integration unchanged.1installs