NeVibe · 8
Design: skills, rules and MCP servers
Design for Claude Code, Codex and Cursor: skills, subagents, rules and MCP servers, from popular to niche.
prototypeskill Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase.
grillingskill Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting.
codebase-designskill This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write.
pptxskill Handles `.pptx` and `.potx` files for creating, reading, editing, and validating presentations. Use it whenever an agent needs to touch slide files or templates.
canvas-designskill Builds posters and visual art in .png and .pdf by first writing a design philosophy, then expressing it on the canvas.
brand-guidelinesskill Applies Anthropic's official brand colors and fonts to documents, slides and other artifacts. Useful whenever something needs to match the company look.
theme-factoryskill Applies preset color palettes and font pairs to slides, documents, and HTML pages. Use it when an artifact needs one consistent visual style.
algorithmic-artskill Creates p5.js generative art with seeded randomness and adjustable parameters. Use it for flow fields, particle systems, and code-based visual experiments.
Design skills teach the agent the visual side of the job: typography, spacing, motion, brand rules, SVG and Figma layouts. The official anthropics/skills repository includes frontend-design and brand-guidelines, for example. A good skill in this topic contains actual numbers (a type scale, animation durations, a palette) instead of vague requests to make things look nice. If a skill works from mockups, check whether it also needs an MCP server to reach Figma.
