Навыки: Дизайн

Build new frontend features (pages, components, forms) following TheSmartHost project conventions and patterns.

Add a new KPI to data/kpis.ts with every defensibility field the README requires (definition EN+ML, source, owner, refre...

Scaffold a new agent platform page with the project's standard layout, RTL Arabic, react-query data fetch, skeleton, and...

Add a new editor panel to ProAnimate's left sidebar. Covers panel component creation, tab registration in tabGroups.ts,...

Add Rokt/Untitled UI icons to the Aquarium library. Accepts a Figma URL, icon names, or a screenshot — figures out what'...

Add a new motion graphics or kinetic typography template to ProAnimate. Covers KineticBase extension, registry, and buil...

Checklist for adding or changing a field on ThemeConfig (a new design token, per-mode setting, or export option) end to...

Make a hardcoded behaviour constant user-editable through Settings → Expert Tunables. Use when a magic number should be...

Designs digital experiences for ADHD brains using neuroscience research and UX principles. Expert in reducing cognitive...

Automated SDLC pipeline executing Requirements → Architecture → Design → Implementation → Code Review → QA → Security →...

Админка — роутинг, шапка с кнопками раздела, форма настроек. Использовать при правке frontend/src/admin.

Apply agent-starter patterns to an EXISTING project - audits the codebase, proposes components by invasiveness tier (hoo...

Structured guide for designing and executing customer adoption programs.

Advanced debugging skill for MyJKKN project. Specialized workflows for debugging Next.js 15, Supabase, React Query, Type...

To implement a scalable permission system where users have roles, and roles have granular permissions. Use when: B2B Saa...

Systematic responsive implementation with 5 breakpoints, container queries, fluid spacing, responsive component patterns...

Comprehensive advanced table components skill for Next.js applications with TanStack Table v8, server-side operations, a...

Comprehensive UX best practices including accessibility (WCAG 2.2), interaction patterns, user research methods, and usa...

Advanced visual design techniques including typography systems, color theory, grid-based layouts, visual hierarchy, and...

Coding standards, operational procedures, and engineering rules for AEGIS Department 9: Vector Typography, UI Layout Ass...

Use when selecting, implementing, or stress-testing the causal identification strategy for an empirical economics manusc...

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs...

Design IMPROVEMENT and iteration using Gemini API. Score designs, generate alternatives, extract design tokens. ALWAYS...

[Aesthetics] Positions aesthetics within art/design history, identifies what traditions it echoes, and spots clichés, ge...

[Aesthetics] Maps aesthetic briefs to cultural references: art movements, photography, film, architecture, music, fashio...

[Aesthetics] Analyzes form, composition, and spatial relationships: eye paths, balance/asymmetry, rhythm, layering, fore...

[Aesthetics] Defines temporal aesthetics: speed, acceleration habits, tempo, static vs dynamic balance, motion weight an...

[Aesthetics] Extracts recurring visual patterns from references: contrast habits, shapes, density/whitespace balance, rh...

Actionable design system complementing official frontend-design plugin. The plugin provides philosophy; this skill provi...

Los diseños atractivos se perciben como más usables. Use cuando justifique inversión en diseño visual, diseñe primeras i...

Guide collaborative brainstorming sessions that produce structured documents for Discovery. Use when starting a new prod...

Use when presenting content to the user visually via the Agentview canvas. Covers writing markdown, mermaid diagrams, HT...

Design UI components with Storybook stories, RTL tests, and accessibility compliance. Use when creating component specif...

Use when performing Figma design round-trip workflows — capturing live UI to Figma, extracting design context back to co...

Retrofit the Design Grammar into existing projects that lack it. Use when adding token setup, integrating grammar defini...

Sync designs between Figma and code via round-trip workflows. Use when capturing live UI to Figma, extracting design con...

Use when creating Storybook stories, component specifications, RTL tests, performing UX reviews, or aligning BDD scenari...

Escenas 3D/VR/AR declarativas en HTML con A-Frame (ECS sobre Three.js): WebXR, controladores VR, AR hit-test, visores 36...

Build and maintain the Social Media Agency Next.js frontend with dashboard UI, content calendar, analytics, and responsi...

Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and...

Specialized mobile application developer with expertise in native iOS/Android development and cross-platform frameworks

Provides architecture knowledge for the Social Media Agency SaaS platform. Use when exploring the codebase, adding featu...

Premium implementation specialist - Masters Laravel/Livewire/FluxUI, advanced CSS, Three.js integration

Expert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Cre...

Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implemen...

Guide for authoring, designing, and building specialized AI agents. Use when creating, updating, reviewing, or improving...

Workflow para testear cambios frontend con agent-browser CLI, validar rutas, contenido UI y regresiones visuales basicas...

Draw diagrams, flowcharts, and visualizations on an Excalidraw canvas. Use when the user asks to draw, visualize, create...