全部 Agent Skills
41,263 个结果
- Algorithmic Color PaletteDembrandtDerive a full UI palette from one or two brand colours — state variants, brand-tinted greys, semantic colours. Use when building or expanding a colour system.
- App ShellDembrandtTop bar, sidebar rail, app launcher, tenant and environment cue, status bar. Use when designing the persistent shell, a collapsible sidebar, or navigation between apps behind one login.
- Authentic Product RepresentationDembrandtProduct visuals must show the real product with real data. Use when building landing pages, hero sections, screenshots or demo panels.
- Brand Visual LanguageDembrandtShape language across type, radius and icons carries brand personality. Use when starting a design system, picking icons or radius tokens, or reviewing visual consistency.
- Button StatesDembrandtRest, hover, active, focus, disabled and loading states, derived from the base colour. Use when designing buttons, links, inputs or any clickable component.
- Clone WebsiteDembrandtRebuild a live web page 1:1 from measurement into Figma, Penpot or code, then verify it. Use when reproducing a page or checking a rebuild against the original.
- Color Mode And ThemeDembrandtLight, dark or both, and when a theme selector is worth it. Use when defining a base palette or deciding on dark mode support.
- Component Family ConsistencyDembrandtButtons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.
- Coordinated Data ViewsDembrandtShow a table and its map, diagram, timeline or chart together, with selection synced both ways. Use when data appears in two representations at once.
- Data Display And SelectionDembrandtView modes, row selection, mass actions, sorting, filters, search and table patterns. Use when designing data tables, listings, file browsers or any collection.
- DembrandtDembrandtOrchestrator that routes a UI/UX task through brand, tokens, layout, components, polish and accessibility. Use for multi-concern work such as a design review, UI build or interface audit.
- dembrandt/dembrandt-skillsDembrandt技能合集Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.
- Developing Claude Code PluginsobraUse when working on Claude Code plugins (creating, modifying, testing, releasing, or maintaining) - provides streamlined workflows, patterns, and examples for the complete plugin lifecycle
- Domain Expert ConfigurationDembrandtSettings for experts who are not developers — domain language, sane defaults, grouping by professional concept. Use when designing settings panels, solver configuration or constraint editors.
- Elevation And DepthDembrandtShadows and layering that lift elements above the surface. Use when designing cards, dropdowns, modals, tooltips or any floating element.
- Elixir Architectmaxim-istUse when designing or architecting Elixir/Phoenix applications, creating comprehensive project documentation, planning OTP supervision trees, defining domain models with Ash Framework, structuring multi-app projects with path-based dependencies, or preparing handoff documentation for Director/Implementor AI collaboration
- Extract DesignDembrandtExtract colours, typography, spacing, components and W3C design tokens from a live website with Dembrandt. Use when you need a site's real tokens or want to seed a design system from it.
- Form DesignDembrandtHelper text, placeholders, validation and submit behaviour. Use when designing or reviewing a form, input field or data entry UI.
- Generate UI From BrandDembrandtPipeline from a URL or DESIGN.md to tokens, decisions and a UI spec. Use when building UI for an existing brand, auditing a design system or fixing visual inconsistency.
- Gestalt UI OrganisationDembrandtGroup controls with Gestalt principles so users see what belongs together. Use when laying out components, navigation, toolbars, forms or dashboards.
- Global Toolbar ControlsDembrandtCurrency, language, region and unit selectors live in a low-profile header or footer spot. Use when designing locale switchers or product-wide preference controls.
- Information ArchitectureDembrandtNaming, navigation, a UI that mirrors the data model, confirms for irreversible changes. Use when structuring a large application or naming its entities.
- Layout Paradigms And ConsistencyDembrandtChoose a layout paradigm (feed, board, table, canvas, master-detail, dashboard) and reuse it across screens. Includes a landing page narrative framework. Use when structuring a screen, page template or landing page.
- Loading States And Perceived PerformanceDembrandtSpinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.