GitHub collection

agentsorg/design-engineering

Imported from GitHub — is this yours?

1 skill imported from this repository.

25 1 MIT

Claude Skill design-engineering

design-engineering

Load when reviewing UI code, designing a component or page layout, picking an easing curve or transition pattern, deciding whether something should animate at all, choosing an avatar/typography/color system, building an OKLCH palette or fixing contrast, writing UI copy or error m

LLM Mart

Commands (9)

/agentation-fix — Session-2 fix loop for Agentation — read structured annotations from the dev overlay and apply targeted UI fixes. source
/apply-design-md — Consume the project's design contract — a .design file or DESIGN.md — and thread its tokens through UI code (CSS, Tailwind, or design-system components). source
/fork-pov — Fork pov.md for installer taste, or append a one-liner to gotchas.md after a real agent failure. source
/motion-audit — Audit animation timing, easing, springs, and transitions — decide first whether motion should exist, then apply the motion cluster. source
/review-ui — Run a UI code review on the current snippet — Before / After / Why table per review-format, scoped to review-checklist. source
/scan-ai-tells — Scan UI or marketing copy for AI-default tells and content-authenticity misses — deletion list, not a redesign brief. source
/sound-pass — Decide which moments earn a sound, design one material family, generate the files (ElevenLabs if keyed, synth or CC0 if not), and wire them in — returns a sound map table. source
/svg-animate — Animate an SVG — icon, logo reveal, stroke draw, morph, mascot loop — or turn a frame sequence / flat clip into one editable animated SVG, with the engine chosen for where the file lives. source
/svg-create — Author or clean up an SVG asset — icon, illustration, mascot pose, logo mark — so it scales from viewBox, recolors from tokens, animates without a rewrite, is optimized, and has an accessible name. source