Expert visual designer specializing in creating intuitive, beautiful, and accessible user interfaces.
Agno is a high-performance Python framework for building, running, and managing agentic software at scale.
A complete end-to-end framework for non-technical product managers to build and ship software using AI coding agents.
Rapidly build, prototype, and deploy full-stack software using AI "text-to-app" tools. Use this when you need to create a greenfield application, build a high-fidelity working…
Extrae y documenta el sistema de diseño del cliente WinForms SFZ — paleta de colores DevExpress, tipografía, espaciados, tokens de componentes custom en FBSControles y screenshots…
Amsterdam municipality writing style, tone of voice, and language guidelines ("De Stijl van Amsterdam").
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option.
Clone websites to React/HTML code and customize Anima output with AI. Use when converting live websites to code, customizing generated components, or building design-system-aware…
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility. — from boisenoise/skills-collections
Autonomous API effectiveness evaluation — contract clarity, consumer ergonomics, error experience, evolvability, and craft quality.
Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines.
Apple Design System 전문 분석 에이전트로 Human Interface Guidelines (HIG), SF Symbols, iOS 네이티브 UI 패턴, Accessibility를 검증하고 개선방안을 제시합니다. iOS 앱의 Apple 디자인 가이드라인 준수를 보장하고 사용자 경험을 향상시킵니다.
Apple-inspired clean, minimal, premium UI design. Use when building modern interfaces requiring exceptional UX, clean aesthetics, or Apple-like polish.
Complete visual design language for Arcanea - cosmic theme tokens, component patterns, animation standards, and Academy-specific aesthetics
Production frontend craftsman for React/Vue/Svelte. Handles hooks design, state management, Server Components, form handling, and data fetching.
Create and fix ASCII diagrams, tables, wireframes, box-drawings. Use when message contains Unicode box characters (┌┐└┘│─), user asks to create/fix text visualization, align…
Create high-quality ASCII art UI/UX previews for web development with a two-phase approach. Phase 1: Design & Preview - visualize interfaces, explore layouts, refine ideas in…
Design-to-implementation pipeline orchestrator for the code-to-visual-to-code closed loop. Use when a request spans design extraction, prototypes, visual assets, slides, and…
Audit AI-generated or AI-shaped backend/general code diffs for duplicate helpers, over-defensive control flow, broad exception wrappers, speculative scaffolding, comment/docstring…
Audit AI-generated or AI-looking frontend implementations, UI screenshots, and design diffs for generic AI aesthetics, card/gradient/font tells, weak UX copy, accessibility gaps,…
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media.
Kích hoạt khi người dùng muốn Claude đóng vai hoặc hỗ trợ công việc của nhóm Phân tích & Thiết kế trong dự án phần mềm outsource.
当 Codex 需要为 Baku/Basic-XYZ 个人品牌构建 HTML 页面、个人网站、教程页、介绍页、landing page、App 型页面、作品集、图文卡片、小红书卡片，或需要根据品牌 DNA 与多套页面风格设计/更新个人虚拟形象、头像和视觉规范时使用。适用于前端视觉设计、品牌页面、Notion 风格暖白文档页、Baku workbench…
Use when you need to map the backing services that fulfil a customer journey — building a service blueprint with four rows (frontstage / line-of-visibility / backstage / support)…
Defines structural design artifact formats — information architecture, user flows, content model, brand direction, and AI interaction model.
Designing tabletop games - from core mechanics to manufacturing, from prototyping to KickstarterUse when "board game, tabletop, card game, worker placement, deck building, area…
Take a board game idea from 'wouldn't it be cool if' to a playtestable prototype — core loop, tension source, components you can make tonight, balance starting-points, and a real…
Bootstrap a fresh or existing repo with nyann. TRIGGER when the user says "set up this project", "initialize git workflow", "bootstrap this repo", "scaffold this project", "ngyamm…
Use this for creating, auditing, or applying design systems — including DESIGN.md generation, design token definition, component specification, brand reference calibration, and…
Use this for rapid prototypes, proof-of-concepts, demos, hackathon-style builds, MVP scaffolds, unfamiliar API experiments, explicit time-boxing, and prototype debt ledgers.
Use when turning a validated customer pain and a first-pass IA into a design brief, before any prototype prompt.
Use when converting a design brief into a prompt for Bolt.new. Triggers on a brief plus a request to start a Bolt prototype or write a Bolt prompt.
Use when converting a design brief into a prompt for v0 by Vercel. Triggers on a brief plus a request to start a v0 prototype or write a v0 prompt.
UX Flows: journey, schermate, wireframe testuali. Usa questa skill quando l'utente vuole definire i flussi UX, le schermate, o dice bs ux, ux flows, wireframe, flussi utente,…
Build a design system from scratch using the Design Graph methodology. Use when starting a component library, creating design tokens, establishing typography scales, or…
Use whenever you reach for a value (color, spacing, radius, type, motion) or build a component — extend tokens and shared components in place, never fork into one-off className…
PoC と案件プランファイルの申し送り節を受け取り、既存コードベースの慣習に合わせて DD (Design Doc) を起こせる水準のプロトタイプを実装するときに使用。「プロトタイプにして」「PoC を本実装の形に書き直して」「慣習に合わせて実装して」で起動。完了時にプランファイルへ /create-design-doc 向けの申し送り節を追記する。
Build or rework a game or product UI from a supplied mockup, screenshot, concept image, or wireframe.
Use when a frontend task primarily concerns cross-component design tokens, semantic theming, component APIs, variants and states, shared primitives, Storybook or library…
Use when a CCDawn task needs a new or revised UI/UX direction, information architecture, interaction model, responsive behavior, accessibility decision, or implementable interface…
Use when an existing page, isolated preview, component, screenshot, UI flow, visual change, or frontend implementation needs a Chinese-first UX, visual hierarchy,…
Use when a UI task primarily needs a distinctive but context-appropriate visual direction, brand expression, typography, color system, composition, imagery, iconography, or motion…
Adapt the User Explorer (CDP-lite) prototype to new data sources by mapping input exports to the build pipeline, updating adapters/enrichments, and preserving output JSON schemas…
Build and refactor UI in this repo using Chakra UI v2 + Emotion and the repo theme (`app/theme.ts`). Use for Chakra component usage, responsive layout, a11y, theme…
Use when packaging the artifacts behind an ACM CHI paper — prototypes, study instruments, codebooks, datasets, analysis code — for anonymous review scrutiny and for…
Teach and guide implementation of Chinese, Japanese, and Korean text layout in code according to W3C CLReq, JLReq, and KLReq.
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component — from…
Draw visual diagrams, wireframes, and flowcharts on a shared canvas. Ask the user visual Q&A questions with interactive answer panels.
Generate a complete, premium design system from a brand brief or an existing site — color tokens, type scale, spacing/radius/elevation, motion language, and component specs —…
Ultimate Design System Intelligence. Manage, extract, replicate, and improve UI design systems. Extracts design tokens visually from existing sites (Harvester v5), manages…
Design and render terminal/CMD visual effects and ASCII art from a one-line request via the pluggable `fx` engine (19 hot-swappable, themeable effects plus scripted shows).
Senior principal engineer for Raamattu Nyt codebase. Use when: (1) Implementing features with architectural implications (Cinema Reader, search UX, audio) (2) Refactoring…
Rename the current git branch using conventional naming (feat/, fix/, chore/, prototype/) with optional GitHub ticket reference
Expert in color theory, palette harmony, and perceptual color science for computational photo composition.
Building and maintaining scalable component libraries, design tokens, accessibility, and cross-team collaboration patterns
Build a conceptual model for a prototype or feature: actors, objects, actions, states, rules, and transitions.
Audit a prototype for cross-screen consistency in navigation, actions, states, patterns, and interaction rules.
UI theme system, design tokens, Material-UI patterns, and accessibility standards. Handles theme customization, component styling, design system patterns, and accessibility…
Generate AIAG-format Control Plans linked to PFMEAs with proper inspection methods, frequencies, and reaction plans. Supports Prototype/Pre-launch/Production phases.
Build apps with natural language using GitHub Copilot Spark. Perfect for rapid prototyping, teaching non-coders, and exploring ideas before committing to full implementation.