Skills suchen.../

Brand | Skills Pool

Skill-Datei

Brand

Apply color palette, typography, logo, and visual branding from brief

ReineiraOS4 Sterne05.04.2026

Beruf: Art Directors
Kategorien: IDE-Plugins

Skill-Inhalt

/brand — Apply Visual Branding

What It Does

Reads Section 8 (Branding) from brief.md and applies to the venture's app:

CSS Variables — update packages/app/src/styles/main.css (or equivalent) with:
- --color-primary, --color-secondary, --color-accent
- --color-background, --color-surface
- --color-success, --color-error, --color-warning
- --border-radius (from brief)
- --font-family (from brief)
Tailwind Config — extend theme with brief colors if using tailwind.config
Dark/Light Mode — set default mode from brief
App Title — navbar, browser tab, meta tags
Tagline — login/welcome screen if exists
— copy logo file to and reference in navbar

Verwandte Skills

Schnellinstallation

Brand

npx skills add ReineiraOS/reineira-atlas

Skill herunterladen Repository öffnen

Autor: ReineiraOS
Sterne: 4
Aktualisiert: 05.04.2026
Beruf

Auf dieser Seite

01/brand — Apply Visual Branding

Logo

public/

How

Read brief.md Section 8. Read existing CSS/config files. Edit CSS custom properties.

Acceptance Criteria

App uses brief's color palette (no default blue/purple from template)
Font family matches brief
Dark/light mode matches brief preference
App name appears in navbar and browser tab

02

What It Does

04Acceptance Criteria

Automatisierungswerkzeuge

Coding Agent (bash-first)

Delegate coding tasks to Codex, Claude Code, or Pi agents via background process. Use when: (1) building/creating new features or apps, (2) reviewing PRs (spawn in temp dir), (3) refactoring large codebases, (4) iterative coding that needs file exploration. NOT for: simple one-liner fixes (just edit), reading code (use read tool), thread-bound ACP harness requests in chat (for example spawn/run Codex or Claude Code in a Discord thread; use sessions_spawn with runtime:"acp"), or any work in ~/clawd workspace (never spawn agents here). Claude Code: use --print --permission-mode bypassPermissions (no PTY). Codex/Pi/OpenCode: pty:true required.

Install Vscode Extension

How to install a VS Code extension from an extension ID. Useful when the user wants to add new capabilities to their VS Code environment by installing extensions.

microsoft184.0k

Launch

Launch and automate VS Code (Code OSS) using agent-browser via Chrome DevTools Protocol. Use when you need to interact with the VS Code UI, automate the chat panel, test UI features, or take screenshots of VS Code. Triggers include 'automate VS Code', 'interact with chat', 'test the UI', 'take a screenshot', 'launch Code OSS with debugging'.

microsoft184.0k

Agent Customization

**WORKFLOW SKILL** — Create, update, review, fix, or debug VS Code agent customization files (.instructions.md, .prompt.md, .agent.md, SKILL.md, copilot-instructions.md, AGENTS.md). USE FOR: saving coding preferences; troubleshooting why instructions/skills/agents are ignored or not invoked; configuring applyTo patterns; defining tool restrictions; creating custom agent modes or specialized workflows; packaging domain knowledge; fixing YAML frontmatter syntax. DO NOT USE FOR: general coding questions (use default agent); runtime debugging or error diagnosis; MCP server configuration (use MCP docs directly); VS Code extension development. INVOKES: file system tools (read/write customization files), ask-questions tool (interview user for requirements), subagents for codebase exploration. FOR SINGLE OPERATIONS: For quick YAML frontmatter fixes or creating a single file from a known pattern, edit the file directly — no skill needed.

microsoft184.0k

Automatisierungswerkzeuge

Init

Generate or update chat customization files for AI coding agents

microsoft184.0k

Launch

Launch and automate VS Code Insiders with the Copilot Chat extension using agent-browser via Chrome DevTools Protocol. Use when you need to interact with the VS Code UI, automate the chat panel, test the extension UI, or take screenshots. Triggers include 'automate VS Code', 'interact with chat', 'test the UI', 'take a screenshot', 'launch with debugging'.

microsoft184.0k