Results for “abc-notation”

Add visual callouts like rectangles, arrows, and labels to screenshots, diagrams, and images using PIL/Pillow, with support for animated GIF annotations.

Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.

Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.

Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.

Transform a concept into an editorial-style visual narrative with six distinct layouts, four font families, and a magazine-like arc from problem to insight.

Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.

Turn a chosen design direction into a canonical DESIGN.md plus production tokens that don't look vibecoded — state-level colors (8-step neutral ramp, rest/hover/active/ disabled, focus ring), APCA-checked contrast, typography, spacing/radius/motion/elevation, an icon strategy, and component contracts for the core atoms. Emits tokens in the project's stack format (shadcn HSL vars or Tailwind v4 @theme). Load when the user asks to build a design system, generate design tokens, create a DESIGN.md, set up a theme, design a color or type system, pick icons, or when frontend-design routes here. Replaces design-tokens-craft and icon-craft. Sub-skill of frontend-design. Reads DIRECTION.md first.

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Creates a print-friendly architecture or pipeline presentation deck with a blueprint-grid mask, rust-red callouts, and serif typography.