roslove44
- 15 skills
- 0 followers
- 12 hours ago last updated
- ▌ X Page · roslove44Creates the X / Twitter profile visuals (profile photo and header / banner) at X's official dimensions. Use when the user wants an "X/Twitter profile photo", a "Twitter header", an "X banner" or "the X avatar" for a project. Produces one or two .tsx templates at the sizes X imposes (profile 400x400, header 1500x500), aligned with the brand guidelines, rendered as PNGs through the project's engine. Requires a project with its brand.md in place.
- ▌ X Post · roslove44Creates an image for an X / Twitter post (a tweet image) at X's ratios, in the chosen orientation. Use when the user wants an "X image", a "Twitter visual", a "tweet image" or an "X post" for a project. Asks for the orientation (16:9 landscape by default, square, portrait) and produces a .tsx template at the right ratio, aligned with the brand guidelines, rendered as a PNG through the project's engine. Requires a project with its brand.md in place.
- ▌ Campaign · roslove44Orchestrates the production of a coherent visual kit across several platforms from a single brief. Use when the user wants "a campaign", "the same thing on Facebook/LinkedIn/X", "a visual kit", "all the visuals for a launch" or "the same announcement on every network". Runs the interview once, consolidates the message from project.md, then delegates to the platform skills (facebook-*, linkedin-*, x-*, og-image). Requires a project with its brand.md (and ideally its project.md) in place.
- ▌ Og Image · roslove44Creates an Open Graph image (social share preview) optimized for BrandArtisan. Use when the user wants an "og image", a "share image", or an "Open Graph / Twitter / LinkedIn / Discord" preview for a project. Produces a 1200x630 .tsx template aligned with the brand guidelines, rendered as a light PNG through the project's Satori engine. Requires a project with its brand.md in place.
- ▌ X Carousel · roslove44Creates the cards of an X / Twitter carousel ad at X's dimensions, as a series of coherent visuals. Use when the user wants an "X carousel", a "Twitter carousel ad" or "several cards that swipe" for an X project. Produces N .tsx templates (one card = one PNG) in a dedicated subfolder, sharing a common theme, aligned with brand.md. Requires a project with its brand.md in place.
- ▌ New Project · roslove44Initializes a new BrandArtisan visuals project by laying down its reference guidelines. Use when the user wants to create/add a new project, start a new brand or a new visual identity ("new project", "add project X", "set up brand Y"). Creates brands/<project>/brand.md (mandatory before any visual) and the templates/<project>/ folder.
- ▌ Brand Assets · roslove44Generates or regenerates a project's brand assets (logo, favicon and their variants) through the brand toolchain, faithfully. Use when the user wants to "regenerate the logo / the favicon", "add an icon or logo variant", "a new brand variant", or "set up a project's brand toolchain". Works in tools/<project>/ reusing brand-artisan/brandkit, outputs to out/<project>/brand/ and then gets promoted to brands/<project>/. Requires a project with its brand.md in place.
- ▌ New Template · roslove44Scaffolds a new visual (.tsx) in an existing BrandArtisan project, aligned with its brand.md guidelines. Use when the user wants to create a new image/cover/banner/OG in a project ("new visual", "add a cover for X", "create the OG for Y"). Always reads brands/<project>/brand.md and refuses if it is missing.
- ▌ Facebook Page · roslove44Creates the visuals for a Facebook Page (profile photo = the brand, and cover photo) at Facebook's official dimensions. Use when the user wants a "Facebook profile photo", a "Facebook cover", a "Facebook page banner" or "the FB page logo" for a project. Produces one or two .tsx templates at the sizes Facebook imposes (profile 320x320, cover 851x315), aligned with the brand guidelines, rendered as PNGs through the project's engine. Requires a project with its brand.md in place.
- ▌ Facebook Post · roslove44Creates a Facebook post image (feed post, poster, simple ad visual) at Meta's dimensions, in the chosen orientation. Use when the user wants a "Facebook image", a "Facebook post", a "poster", an "ad visual" or a "publication" for a project. Asks for the orientation (portrait by default, square, landscape) and produces a .tsx template at the right ratio, aligned with the brand guidelines, rendered as a PNG through the project's engine. Requires a project with its brand.md in place.
- ▌ Linkedin Page · roslove44Creates the visuals for a LinkedIn profile or Page (profile photo, personal banner, company logo, company cover) at LinkedIn's official dimensions. Use when the user wants a "LinkedIn profile photo", a "LinkedIn banner", a "company page banner", a "LinkedIn page logo" or a "LinkedIn cover" for a project. Produces one or more .tsx templates at the sizes LinkedIn imposes, aligned with the brand guidelines, rendered as PNGs through the project's engine. Requires a project with its brand.md in place.
- ▌ Linkedin Post · roslove44Creates a LinkedIn post image at LinkedIn's dimensions, in the chosen orientation. Use when the user wants a "LinkedIn image", a "LinkedIn post", a "LinkedIn visual" or a "LinkedIn publication" for a project. Asks for the orientation (portrait by default, square, landscape) and produces a .tsx template at the right ratio, aligned with the brand guidelines, rendered as a PNG through the project's engine. Requires a project with its brand.md in place.
- ▌ Import Reference · roslove44Starts from visual examples supplied by the user (a logo, screenshots of their site, existing visuals, an image they like, a moodboard) to derive brand.md guidelines or to reproduce a composition as a .tsx template within the project's guidelines. Use when the user says "here are my visuals / my logo / my site", "work out my guidelines from this", "make it like this image", "reproduce this visual", "here is an example", "take inspiration from this". Measures colors by machine instead of guessing them, and never copies an outside example's colors or type into a template, because the composition comes from the example while the styling comes from the guidelines.
- ▌ Facebook Carousel · roslove44Creates the cards of a Facebook carousel ad at Meta's dimensions, as a series of coherent visuals. Use when the user wants a "Facebook carousel", a "carousel ad" or "several cards that swipe" for a project. Produces N .tsx templates (one card = one PNG) in a dedicated subfolder, sharing a common theme, aligned with brand.md. Requires a project with its brand.md in place.
- ▌ Linkedin Carousel · roslove44Creates the slides of a LinkedIn carousel, both kinds. Use when the user wants a "LinkedIn carousel", a "LinkedIn document post", a "LinkedIn PDF carousel", a "LinkedIn carousel ad" or "several slides that swipe" for a LinkedIn project. Two paths, and the choice is asked rather than assumed. Either an organic document post (slides assembled into a PDF, what LinkedIn actually paginates as a swipeable carousel in the feed), or a carousel ad in Campaign Manager (1:1 PNG cards). Produces N .tsx templates in a dedicated subfolder sharing a common theme, plus the PDF for the organic path. Requires a project with its brand.md in place.