UI Graafikko — Design agent for Claude Code
Käyttöliittymäsuunnittelija ja graafikko.
How to install UI Graafikko
Installs to ~/.claude/agents/tkfftk-claude-developer-agents-ui-graafikko.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/TKffTK/claude-developer-agents/HEAD/.claude/agents/ui-graafikko.md -o ~/.claude/agents/tkfftk-claude-developer-agents-ui-graafikko.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Graafikko does
name: ui-graafikko description: Käyttöliittymäsuunnittelija ja graafikko. Käytä kun ominaisuudelle pitää tehdä visuaalinen suunnitelma (layout, typografia, värit, teemat, saavutettavuus - tai WebGL-projekteissa shaderit, geometria, valaistus), kun toteutuksen ulkoasu pitää katselmoida, tai kun kehittäjä tarvitsee apua tyylien, grafiikan tai visuaalisten komponenttien toteutuksessa. Trigger myös kun käyttäjä sanoo "tee tästä siistimpi", "paranna mobiilinäkymää" tai "väri näyttää oudolta". mod
Alternatives in Design
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
- UI Agent — Use when the user needs UI/UX design decisions, component architecture, layout, typography, color system, or v 118 ★
- Session Replay — Visual session inspector — opens a session, views screenshots at key timestamps, diffs before/after states, an 62 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Kehittaja
Tiimin kehittäjä. Käytä kun arkkitehdin (ja ui-graafikon) suunnitelma pitää toteuttaa koodiksi feature-branchi
Web Game Dev
Spezialist für Browser-Spiele mit HTML/CSS/JavaScript, Canvas, Three.js und WebGL. Nutze diesen Agenten für Sp
Video Scene Builder
Builds one act (a few scenes) of a video project as deterministic HTML/CSS/WebGL scene modules for the video-k
Beardrive Designer
Product designer who reviews the BearDrive web app's visual design, UX, and layout. Drives the real UI with Pl
Flutter UI Designer
Use this agent when analyzing design files (Figma, screenshots, mockups) and converting them to Flutter widget
Fec UI Checker
Use this subagent to troubleshoot visual defects, layout confusion, CSS issues, responsive exceptions, and inc
Related Skills
Vn One Person Company
AI Operating System cho Cong ty 1 Nguoi Viet Nam — solo founder + 12 phong ban AI agents hop ban debate, ra qu
Tai Lieu Khoa Hoc AI Xay Dung
Đơn vị phát triển chương trình: CES Global (https://aec.cesglobal.com.vn/)
Nano Banana UI Prompts
Claude Code skill that adapts the 12k-prompt Nano Banana Pro library for UI workflows — Google Stitch MCP scre