> From [PageWeave Design](https://pageweave-design.pageweave.site) — a working library for agentic web development. Full index: [llms.txt](https://pageweave-design.pageweave.site/llms.txt)

# Skills

Installable agent skills in SKILL.md format. Each item's `.md` URL is the complete skill file.



- [Frontend Design](https://pageweave-design.pageweave.site/skills/frontend-design.md): Guides creation of distinctive, production-grade frontend interfaces that avoid generic 'AI slop' aesthetics.

- [Interface Design](https://pageweave-design.pageweave.site/skills/interface-design.md): For interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, campaigns).

- [Theme Crafting](https://pageweave-design.pageweave.site/skills/theme-crafting.md): Author complete custom daisyUI 5 themes for PageWeave — full variable sets, OKLCH color logic, dark-mode safety.

- [Component Authoring](https://pageweave-design.pageweave.site/skills/component-authoring.md): Write reusable HTML components in daisyUI semantics — self-contained, theme-aware, documented.

- [Markdown-First Site](https://pageweave-design.pageweave.site/skills/markdown-first-site.md): Build websites fully accessible through markdown: .md twins, llms.txt indexes, agenticweb.md, agents_md maintenance loops.

- [Animation & Motion](https://pageweave-design.pageweave.site/skills/animation-motion.md): Build UI animations with correct easing, duration, and choreography. Spring physics, scroll-triggered reveals, and reduced-motion safety.

- [Design Tokens & Systems](https://pageweave-design.pageweave.site/skills/design-tokens-systems.md): Build scalable token architectures — primitives, semantics, component mappings — that make design systems consistent and themeable.

- [Accessibility Audit](https://pageweave-design.pageweave.site/skills/accessibility-audit.md): Systematic accessibility audits: contrast, keyboard navigation, focus management, ARIA, screen reader semantics, and reduced motion.

- [Design Taste & Anti-Slop](https://pageweave-design.pageweave.site/skills/design-taste-anti-slop.md): Detect and eliminate AI-generated design patterns: purple gradients, centered everything, cream backgrounds, and the sameness that makes interfaces feel machine-made.

- [Typography Systems](https://pageweave-design.pageweave.site/skills/typography-systems.md): Build modular type scales, pair fonts with intent, and create hierarchy through size, weight, spacing, and color — not decoration.

- [Color Systems](https://pageweave-design.pageweave.site/skills/color-systems.md): Build perceptually uniform color systems in OKLCH — from primitives through semantic roles to dark-mode-safe themes that pass WCAG contrast.

- [Responsive & Adaptive Layout](https://pageweave-design.pageweave.site/skills/responsive-adaptive-layout.md): Build responsive layouts with fluid grids, container queries, and adaptive patterns that work from 320px to ultrawide — no breakpoint chaos.

- [UX Writing & Microcopy](https://pageweave-design.pageweave.site/skills/ux-writing-microcopy.md): Write clear, actionable microcopy for every UI state: buttons, errors, empty states, onboarding, notifications, and form validation.

- [Design Review & Critique](https://pageweave-design.pageweave.site/skills/design-review-critique.md): Run systematic design reviews: Nielsen's heuristics, visual hierarchy scoring, accessibility checks, and prioritized fix plans with concrete remedies.

- [Design System from Reference](https://pageweave-design.pageweave.site/skills/design-system-from-reference.md): Turn a style reference into a complete, AI-consumable design system: tokens JSON, CSS variables, markdown spec, and visual preview — ready for consistent code generation.


## Installing

Fetch any skill's `.md` URL into your agent's skills directory as `SKILL.md`. The markdown twin carries valid frontmatter (`name`, `description`) plus the full skill body.