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

Raw, unstyled honesty with monospace fonts, visible borders, and no decoration.

Web and App implementation guide for Brutalism. Trigger when user wants a raw appearance, intentionally unfinished look,...

专业的比特币钱包连接技能，支持btc-connect core、react、vue包在React、Vue、Next.js、Nuxt 3项目中的完整集成，包含UniSat和OKX钱包适配、网络切换功能、SSR环境配置、统一Hook API和v...

Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating contr...

Takes someone with no technical skill from "I want a website or app that does X" to a live, working, great-looking produ...

Use this skill during Phase 4 implementation whenever Claude is about to write or modify code. Validates the work item (...

Block B of the harness workflow. Implements an approved plan sub-phase by sub-phase, then pushes a draft PR and writes t...

Take a scoped request or chosen design direction (Paper (paper.design), HTML, or Figma) to a verified candidate ready fo...

build

Comprehensive playbook for building world-class websites, landing pages, web applications, and dashboards. Covers the fu...

Load this skill when starting a generative-UI frontend for an AG-UI agent: a canvas where the agent answers by placing c...

Implements features in vertical slices, always starting with homepage. Enforces anti-placeholder rules — no lorem ipsum,...

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original re...

Make vs buy vs open source decision frameworks for technology and component acquisition

Build a premium UI component following design system

Build a complete online course platform with video hosting, progress tracking, quizzes, and payments. Use when Rick says...

Build an interactive HTML dashboard with charts, filters, and tables. Use when creating an executive overview with KPI c...

Builds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and compone...

Use when someone wants a design system built from the UI an app already ships, or one phase of it, such as "extract toke...

Use when building an Elementor page by hand with respira_build_page: from a brief, a screenshot, a mockup, or a design y...

Design, build, or refactor premium evidence-first websites in the Forge Signal visual language: cinematic dark editorial...

Implement and verify the complete accessible frontend journey against the agreed backend contract.

Build or modify frontend interfaces using repository-native components while preserving accessibility, responsive behavi...

Build conversion-optimized marketing funnels and landing pages with psychological triggers, animations, and analytics tr...

Design and implement game HUDs, menus, screen flows, input focus, and state synchronization across engines. Use for play...

Implement deterministic gameplay systems with clear simulation, content, presentation, input, persistence, and lifecycle...

Build a complete Angular frontend page end-to-end — design system lookup, component scaffold, feature service, reactive...

Plan, produce, or diagnose evidence-backed product demo videos and screen-recorded promotional walkthroughs. Use when th...

Takes existing content markdown files and builds production-final resource center pages on client websites using their e...

Build a custom web interface for trace annotation and review. Use when users need a bespoke review surface for their wor...

Step-by-step workflow for UI work: read the project, follow the plan for the job (new screen, dashboard, polish, simplif...

Build user-facing interface. Clean, functional, mobile-friendly by default.

Build new UI components, pages, layouts, or full apps using real-world design systems. Use this skill whenever the user...

Use for Drip Builder work. Builder turns the user's selected Fashion Designer product images into a reviewed, deployed,...

Use when building, updating, or styling any monday Builders presentation, slide deck, internal pitch, kickoff doc, or HT...

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing acce...

Build modern data apps, dashboards, and interactive reports using either React + Vite or Streamlit. Includes optional Ge...

Build responsive React dashboards with TypeScript, shadcn/ui, TanStack Query, and Supabase for event-studio. Use when us...

Use when designing or implementing systems with orchestrators, sub-agents, and tool coordination - guides through archit...

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, anima...

Builds scroll-linked motion effects — depth-layer parallax, sticky pinning, scroll-triggered reveals, horizontal scroll-...

Use when implementing user interfaces or user experiences - guides through exploration of design variations, frontend se...

Use when running Nuxt 3 with Bun runtime, building Vue/Nuxt apps with Bun, or configuring Nuxt projects to use Bun for d...

Use when building server-rendered React with Bun, including streaming SSR, hydration, renderToString, or custom SSR with...

TanStack Start full-stack React framework with Bun runtime. Use for TanStack Router, server functions, vinxi, or encount...

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, t...

Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique th...

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet coveri...