Skip to content

Aisles / Web design

Web design

Complete visual systems with a component kit, so every page follows one design.

Kits

A kit installs the skills that work together, with one command.

  • Motion portfolio site

    A dark, animation-heavy portfolio built from one component kit, with the checks that keep it fast, safe and clean.

    • design-motion-portfolio
    • code-quality
    • web-performance
    • web-security
    • verify

    Install the bundle

    npx @agentsaisle/cli init --profile motion-portfolio-site

    Or skill by skill: npx @agentsaisle/cli add design-motion-portfolio code-quality web-performance web-security verify

  • Clean SaaS site

    A minimal startup or SaaS site built from one component kit, with the checks that keep it fast, safe and clean.

    • design-clean-saas
    • code-quality
    • web-performance
    • web-security
    • verify

    Install the bundle

    npx @agentsaisle/cli init --profile clean-saas-site

    Or skill by skill: npx @agentsaisle/cli add design-clean-saas code-quality web-performance web-security verify

Official

  • v0.1.0

    Build or extend a clean, minimal startup or SaaS website (landing page, pricing, about, contact) using this skill's component kit and design tokens. Use when the user asks for a minimal, modern product or startup site, or adds pages to a site already using this kit. Do not use for animation-heavy portfolios, dashboards, docs sites or dark editorial styles.

    OfficialRuns scriptsAuditA
    • Claude Code
    • Codex
    • Cursor

    View skill★ 2

  • v0.1.0

    Build or extend an animation-heavy, dark, editorial portfolio website (kinetic type, smooth scroll, scroll reveals) using this skill's component kit and design tokens. Use when the user asks for a motion-rich portfolio, studio or personal site in this style, or adds pages to a site already using this kit. Do not use for dashboards, docs sites, or minimal/corporate styles.

    OfficialRuns scriptsAuditA
    • Claude Code
    • Codex
    • Cursor

    View skill★ 2

Community

Submitted by their authors. Nobody here has read these yet.

  • v1.0.0

    Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

    UnverifiedAuditA
    • Claude Code

    View skill★ 184868

Elsewhere

Skills by other authors. We link to them and show their license. We do not host them and our CLI does not install them.

  • frontend-design

    Guidance for distinctive visual design when building or reshaping a user interface.

    By
    Anthropic
    License
    Apache-2.0

    Open on GitHub