design-md
Creates and manages DESIGN.md files as a single source of truth for visual design. Captures design direction, tokens, and visual rules.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access."..." for exact phrases · Try typography, debugging or spreadsheetCreates and manages DESIGN.md files as a single source of truth for visual design. Captures design direction, tokens, and visual rules.
Supports mobile app and UI screen design, including work with Sleek projects. Helps implement Sleek designs in HTML, React Native, or SwiftUI.
Applies motion and interaction design techniques from Emil Kowalski, Jakub Krehel, and Jhey Tompkins. Builds interactive components or audits animations, with audits producing branded HTML reports containing looping demos.
Support conversations with partners and leadership about design quality, scope, and timelines. Use evidence and shared goals to advocate for design decisions.
Routes design work through brainstorming, multi-agent review, and execution readiness in a defined order. Aims to prevent premature implementation, skipped validation, and unreviewed high-risk designs.
Use this skill when planning to create new ontology terms or modify existing ones to ensure proper design pattern compliance. This skill should be used proactively during issue planning to identify appropriate design patterns before term creation begins. No intersection_of tags should be added without using this skill.
Create reusable principles that guide design decisions when team members disagree. Helps resolve recurring trade-offs without repeatedly reopening the same debates.
Builds a checklist for implementation review. Helps verify that the completed build matches the design.
Create written arguments explaining and defending design decisions. Connect those decisions to user needs, business goals, and relevant principles.
Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. (gstack)
Review a built frontend against its chosen direction, catch drift back to generic AI defaults, enforce state coverage, ethical patterns, UX heuristics, and polish, and check contrast with APCA (not the legacy WCAG ratio). Produces specific, prioritized fixes — never vibes-based feedback. Works with pasted screenshots or Playwright MCP automated capture. Load when the user asks to review a UI, audi…
Evaluates layout, typography, spacing, colour, hierarchy, consistency, interaction patterns, and responsive behaviour. Produces a findings report with screenshots focused on visual polish.
A growing collection of real, public skills. Descriptions and instructions indexed 25 Sept 2026.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name