๐ŸŽฏ

agent-native

๐ŸŽฏSkill

from mblode/agent-skills

VibeIndex|
What it does
|

A skill from the Agent Skills collection that provides agent-native capabilities for planning, design, engineering, and UI quality across tools like Claude Code, Codex, and Cursor. The collection includes 22 skills covering scaffolding, UI/UX audits, typography, animation, copywriting, documentation, PR workflows, SEO, and more.

๐Ÿ“ฆ

Same repository

mblode/agent-skills(45 items)

agent-native

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add mblode/agent-skills --skill agent-native
skills.sh Installโš  Installs to .agents/skills/
npx skills add mblode/agent-skills --skill agent-native
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/agent-native/SKILL.md

SKILL.md

143Installs
-
AddedMar 6, 2026

More from this repository10

๐ŸŽฏ
ui-animation๐ŸŽฏSkill

UI animation guidelines covering motion timing, easing defaults, spatial sequencing, CSS-first animation principles, and prefers-reduced-motion accessibility patterns.

๐ŸŽฏ
multi-tenant-architecture๐ŸŽฏSkill

A minimal, opinionated agent skill set for planning, design, engineering, and UI quality, including architecture definition, CLI/Next.js scaffolding, UI design and audits, typography checks, and animation review.

๐ŸŽฏ
docs-writing๐ŸŽฏSkill

A documentation writing skill from a minimal, opinionated set of agent skills covering planning, design, engineering, and UI quality for development workflows.

๐ŸŽฏ
agent-skills-creator๐ŸŽฏSkill

Agent skills creator from a minimal, opinionated skill set for planning, design, engineering, and UI quality.

๐ŸŽฏ
ui-audit๐ŸŽฏSkill

A minimal, opinionated skill for auditing UI quality, part of a skills collection covering planning, design, engineering, and quality assurance for AI coding agents.

๐ŸŽฏ
ui-design๐ŸŽฏSkill

A skill that defines visual systems, color palettes, typography scales, and layout patterns for web UI, with separate tracks for product dashboards (SaaS/admin) and marketing landing pages, including anti-AI-slop aesthetic direction guidance.

๐ŸŽฏ
optimise-seo๐ŸŽฏSkill

Optimizes SEO for Next.js App Router by implementing metadata, structured data, semantic HTML, and performance improvements without visual redesigns.

๐ŸŽฏ
define-architecture๐ŸŽฏSkill

A define architecture skill for establishing repo layout, workflow, and full-stack architecture patterns for TypeScript applications at project start.

๐ŸŽฏ
typography-audit๐ŸŽฏSkill

A web typography auditing skill with 89 rules across 10 categories covering punctuation, font selection, sizing, spacing, OpenType features, hierarchy, layout, typeface pairing, brand identity, and display type. Prioritizes findings by severity and provides concrete fixes with file locations.

๐ŸŽฏ
blog-post๐ŸŽฏSkill

A minimal, opinionated set of 24 agent skills covering the full development lifecycle -- planning, architecture, scaffolding (CLI/Next.js), frontend implementation, UI auditing, typography, SEO optimization, PR review, and content writing.