Results for “cta-design”

Audits and rewrites user-facing copy across web and mobile codebases, improving clarity, tone, and actionability of labels, errors, CTAs, and empty states.

Provides technical leadership frameworks for architecture decisions, engineering team scaling, technology strategy, and technical debt assessment.

Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.

Designs system architecture and translates requirements into actionable plans, creating PRDs and tasks via Task Copilot.

Design a Concrete-Pictorial-Abstract learning sequence for a mathematical concept using manipulatives. Use when teaching maths through Singapore method or when students struggle with abstraction.

Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.

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.

Design one-off HTML artifacts (landing, deck, prototype).

Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. Uses a dark-mode design system with embedded CSS and inline SVG. Use when the user needs architecture diagrams, system illustrations, flow charts, or technical visualizations.

Use when designing or building any terminal user interface — choosing a layout paradigm, keybindings/interaction model, color system, data visualization, or motion. Framework-agnostic universal patterns that work with Ratatui, Ink, Textual, Bubbletea, or any TUI toolkit. For the repo's own pythinker-code TUI, use write-tui instead.

Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.

Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.

CSS Design Tokens

Guides CLI/API agents through a design process for one-off HTML artifacts like landing pages, prototypes, and decks, emphasizing context gathering and verification.

Unified design skill covering brand identity, design tokens, UI styling, logo and icon generation, corporate identity programs, presentations, banners, and social media images.

Designs customer satisfaction surveys with NPS, CSAT, and CES metrics and analysis frameworks

Use this when the deliverable is a CLI tool, command suite, operator utility, or local developer tool and the team needs command structure, UX, config, packaging, and safety planning across languages.

Technical leadership guidance for engineering teams, architecture decisions, and technology strategy. Use when assessing technical debt, scaling engineering teams, evaluating technologies, making architecture decisions, establishing engineering metrics, or when user mentions CTO, tech debt, technical debt, team scaling, architecture decisions, technology evaluation, engineering metrics, DORA metrics, or technology strategy.

Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.

Design one-off HTML artifacts (landing, deck, prototype).

Provides domain knowledge on the Causal Dynamics Architecture (CDA), an alternative AI computing architecture based on causal graphs and Hamiltonian dynamics, with references for deep dives.

Use with task-agent or review-agent for task-local cache scope, freshness, invalidation, and source-load risk. Do not use without a cache decision or as task owner.

Be the CTO with technical strategy, architecture decisions, team scaling, hiring, tech debt management, and engineering leadership.

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

Design tool descriptions, schemas, and response formats that agents can reliably route on, including MCP server design, tool-set consolidation, and naming conventions.

ateam-design

Design one-off HTML artifacts (landing, deck, prototype).

Design one-off HTML artifacts (landing, deck, prototype).

Orchestrate token-heavy research, coding, and testing by delegating bounded tasks to cheaper subagents while reserving Claude Fable for architecture, synthesis, and final review.

Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.

Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates. Trigger when user requests 'create social post', 'design carousel', 'make flyer', 'generate logo', 'resize image', or 'create template'.