pablostanley/designteam-app
17 skills1.2k installs221 starsGitHub
Install
npx skills add https://github.com/pablostanley/designteam-appSkills in this repo
1Social Media DesignerSocial Media Designer (Buzz) is a DesignTeam agent skill that helps solo founders and marketers produce thumb-stopping social creative tuned to each network’s dimensions and habits. It activates for social campaigns, content calendars, and any request spanning Instagram, X, LinkedIn, TikTok, YouTube, Facebook, or Pinterest—formats include square feed posts, 9:16 stories and reels, 4:5 carousels, 16:9 thumbnails, and Pinterest pins. The skill encodes a spec table with pixel sizes and aspects so agents do not guess crop lines or safe zones, and it teaches scroll-stopping techniques: huge high-contrast type overlays of six words or fewer, human faces, one unexpected saturated color, and asymmetry that breaks feed rhythm. You are not getting a scheduling MCP; you are getting design direction an agent can turn into briefs, layouts, or generated assets during content sprints. Use it while planning weekly posts in Grow, packaging a launch moment in Launch, or refreshing channel art before a distribution push. MIT-licensed metadata from pablostanley v1.0.0.175installs2Print DesignerPrint Designer is a Design Team skill for physical artifacts—cards, flyers, invitations, posters, packaging—with bleed, resolution, color mode, and format-specific hierarchy. Developers use it when a campaign needs print-ready specs instead of screen-only mocks. It assumes real-world constraints like trim lines and shelf distance that browsers ignore.157installs3Graphic DesignerGraphic Designer is a Design Team agent skill that turns approved copy into deliberate visual systems: palettes, typography, composition, and imagery direction with accessibility-aware contrast. Developers reach for it when a landing page, deck, or campaign needs hierarchy and brand polish instead of ad hoc decoration. It pairs with other Design Team roles and expects messaging to be settled first.95installs4Ux Writerux-writer is the Design Team Quill skill from designteam-app for in-product microcopy after screens are designed. Reach for it when you need consistent button labels, empathetic error messages, encouraging empty states, and confirmation dialogs that follow verb-plus-object and what-why-fix structures. It outputs inventories and scripts you can drop into React or design handoff docs.70installs5Creative DirectorCreative Director is the Design Team orchestrator that classifies project type, writes the brief, activates specialists in order, and holds phase gates before code or artboards ship. Developers use it when a multi-role design effort needs a single controller instead of jumping straight to pixels or components. It also flags generic AI visual patterns and routes between visual exploration and implementation.68installs6Editorial DesignerEditorial Designer (Reed) shapes the invisible structure behind readable pages: grids, gutters, vertical rhythm, and responsive section behavior. Activate it after visual direction and copy exist for landing pages, editorial layouts, dashboards, or decks that need more than ad-hoc padding. The skill enforces scale-based spacing, alternates dense and breathing sections, and documents how layouts collapse at mobile widths.59installs7Ux DesignerProvides ux-designer support for Claude Code development. Enables enhanced workflows and developer productivity.59installs8Brand StrategistBrand Strategist (Sage) builds coherent brand systems: platform narrative, visual identity, voice and tone, and actionable guidelines. It activates after research when teams need positioning, palettes, type, and do/don't rules before landing pages or campaigns go live. Use it for new identities, rebrands, or audits where every visual and verbal choice should trace to audience insight—not generic buzzwords.58installs9Motion Designermotion-designer is the Design Team Flux agent for animation, transitions, micro-interactions, loading states, and scroll-driven motion after visual design is complete. Reach for it on product UI, onboarding flows, dashboards, or marketing pages where state changes need natural feedback and performance-safe motion specs. It outputs motion specs, interaction maps, transition inventories, loading strategies, and reduced-motion fallbacks rather than decorative animation for its own sake.58installs10Design Teamdesign-team is the root designteam-app skill that turns the agent into a Creative Director orchestrating seventeen specialist roles through typed workflows for landing pages, brands, campaigns, product UI, and content sites. Reach for it when design work spans research, copy, visual, motion, and engineering steps and you want phased deliverables rather than a single generic design pass. It can run ad hoc specialist switches or a designteam CLI plan with checkout and progress tracking for resumable multi-phase projects.57installs11CopywriterProvides copywriter support for Claude Code development. Enables enhanced workflows and developer productivity.56installs12Design Engineerdesign-engineer is the Design Team agent Kit, exported from designteam-app, that implements design specs as production React and Tailwind code using shadcn/ui on Next.js App Router. Reach for it when screens or reviews are ready and you need responsive, accessible components with complete interaction states rather than new visual exploration. It follows a fixed implementation checklist and delivers code without TODO placeholders unless you ask for them.56installs13Content Strategistcontent-strategist is the Design Team Story agent from designteam-app for content architecture, editorial calendars, taxonomy, and audits when information must be organized before design or writing. Reach for it on content-heavy sites, redesigns, or IA overhauls where every page needs a purpose, realistic publishing cadence, and a maintained taxonomy. It outputs models, site maps, calendars, and prioritized audit actions rather than visual comps or code.54installs14Seo Specialistseo-specialist is the Design Team Signal agent for on-page SEO, technical SEO, keyword strategy, and structured data when content must rank or search is a primary acquisition channel. Reach for it while building or optimizing pages that need organic traffic, including audits, meta tags, Core Web Vitals targets, and JSON-LD rich results. It bridges what users search for and what the site offers with one primary keyword per page and intent-aligned content formats.54installs15Accessibility SpecialistAccessibility Specialist is a Design Team skill that audits interfaces for WCAG 2.1 AA across design and code, from contrast and keyboard paths to ARIA and motion preferences. Developers invoke it before shipping customer-facing UI or when fixing inclusive design gaps found in implementation. It expands repository accessibility rules with concrete audit and remediation procedures.53installs16ResearcherResearcher (Scout) is a design-team agent skill that investigates the market before headlines or visuals are chosen. It applies the CAMP framework to competitors, audience language, positioning gaps, and dominant design patterns. Reach for it when a landing page, rebrand, or launch would otherwise guess at audience or competition. Outputs include a landscape matrix, audience profile, gap statement, and brief inputs for strategists and creative leads.53installs17Marketing Strategistmarketing-strategist is a designteam-app skill that turns agents into campaign planners focused on measurable growth. It structures objectives, audience segments, channel mix, conversion funnels, and test velocity into briefs and roadmaps developers can hand to execution teams. Use it when launching or repositioning a product and you need disciplined channel and messaging plans instead of ad hoc marketing ideas.50installs