antigravity-ide 4.2.0 → 4.2.1

package/web/src/app/docs/guide/examples/ui-design/page.mdx

@@ -0,0 +1,90 @@
+export const metadata = {
+  title: "Example: Advanced UI Design | Antigravity Kit",
+  description: "Learn how to build high-conversion landing pages using the /ui-ux-pro-max workflow and style prompts.",
+};
+
+import { Callout, StepList, Step, Terminal, TerminalLine, TerminalBlock, ProTips, Tip } from '@/components/mdx'
+
+# Advanced UI Design
+
+Create stunning, high-conversion landing pages instantly with the `/ui-ux-pro-max` workflow.
+
+## Overview
+
+This is a standardized workflow designed specifically for **Rapid Landing Page Development**.
+
+<Callout type="info">
+  **Powered by NextLevelBuilder:** This workflow is optimized to work with the curated style prompts from [nextlevelbuilder.io](https://ui-ux-pro-max-skill.nextlevelbuilder.io/#styles). You pick a style, and the AI handles the execution.
+</Callout>
+
+## The Process
+
+<StepList>
+  <Step number={1} title="Choose Your Style">
+    Visit [nextlevelbuilder.io](https://ui-ux-pro-max-skill.nextlevelbuilder.io/#styles) and copy a style prompt (e.g., "Modern SaaS - Dark Mode").
+  </Step>
+  <Step number={2} title="Run the Command">
+    Paste the style prompt and your content requirements.
+
+    ```bash
+    /ui-ux-pro-max Create a friendly pet grooming service landing page with claymorphism cards,
+    service packages, pet gallery, booking system, and testimonials from pet owners.
+    Use playful warm colors.
+    ```
+  </Step>
+  <Step number={3} title="The Construction">
+    The agent automatically builds the entire page structure.
+
+    <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
+      <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-3">
+        <h4 className="text-sm font-semibold mb-1">📐 Structure</h4>
+        <p className="text-xs text-zinc-500 dark:text-zinc-400 m-0">Semantic HTML5 & SEO hierarchy</p>
+      </div>
+      <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-3">
+        <h4 className="text-sm font-semibold mb-1">🧩 Components</h4>
+        <p className="text-xs text-zinc-500 dark:text-zinc-400 m-0">Reusable, accessible UI blocks</p>
+      </div>
+      <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-3">
+        <h4 className="text-sm font-semibold mb-1">✨ Interactivity</h4>
+        <p className="text-xs text-zinc-500 dark:text-zinc-400 m-0">Micro-animations & responsiveness</p>
+      </div>
+    </div>
+  </Step>
+</StepList>
+
+## Example Session
+
+<Terminal>
+  <TerminalLine type="user">/ui-ux-pro-max Create a friendly pet grooming service landing page with claymorphism cards, service packages, pet gallery, booking system, and testimonials from pet owners. Use playful warm colors</TerminalLine>
+
+  <TerminalBlock>
+    <TerminalLine type="agent">**Analyzing Style...**</TerminalLine>
+    Loading "Modern SaaS"...<br/>
+    <div className="text-xs text-zinc-500 mt-2">
+      <div>🎨 <strong>Colors:</strong> Indigo-500 primary, Slate-900 bg</div>
+      <div>✨ <strong>Effects:</strong> Glassmorphism cards</div>
+    </div>
+  </TerminalBlock>
+
+  <TerminalBlock highlight>
+    <TerminalLine type="agent">**✅ Page Complete!**</TerminalLine>
+    Created `app/page.tsx`<br/>
+    <span className="text-green-400">Run `/preview start` to view.</span>
+  </TerminalBlock>
+</Terminal>
+
+## Pro Tips
+
+<ProTips>
+  <Tip title="Be Specific">
+    Instead of "nice design", use "glassmorphism dark mode with neon accents".
+  </Tip>
+  <Tip title="List Sections">
+    Explicitly list "Hero, Features, Pricing, FAQ" to ensure a complete layout.
+  </Tip>
+</ProTips>
+
+## Next Steps
+
+- Browse styles at [NextLevelBuilder Style Gallery](https://ui-ux-pro-max-skill.nextlevelbuilder.io/#styles)
+- See [Production Deployment](/docs/guide/examples/deployment) to ship your page

package/web/src/components/mdx/Callout.tsx

@@ -0,0 +1,60 @@
+import { ReactNode } from "react";
+import { Info, AlertTriangle, AlertCircle, Lightbulb } from "lucide-react";
+
+type CalloutType = "info" | "warning" | "error" | "tip";
+
+interface CalloutProps {
+  type?: CalloutType;
+  title?: string;
+  children: ReactNode;
+}
+
+const calloutStyles: Record<CalloutType, { bg: string; border: string; icon: typeof Info; iconColor: string }> = {
+  info: {
+    bg: "bg-blue-50 dark:bg-blue-950/30",
+    border: "border-blue-200 dark:border-blue-800",
+    icon: Info,
+    iconColor: "text-blue-600 dark:text-blue-400",
+  },
+  warning: {
+    bg: "bg-yellow-50 dark:bg-yellow-950/30",
+    border: "border-yellow-200 dark:border-yellow-800",
+    icon: AlertTriangle,
+    iconColor: "text-yellow-600 dark:text-yellow-400",
+  },
+  error: {
+    bg: "bg-red-50 dark:bg-red-950/30",
+    border: "border-red-200 dark:border-red-800",
+    icon: AlertCircle,
+    iconColor: "text-red-600 dark:text-red-400",
+  },
+  tip: {
+    bg: "bg-zinc-50 dark:bg-zinc-900/50",
+    border: "border-zinc-200 dark:border-zinc-800",
+    icon: Lightbulb,
+    iconColor: "text-zinc-600 dark:text-zinc-400",
+  },
+};
+
+export function Callout({ type = "info", title, children }: CalloutProps) {
+  const styles = calloutStyles[type];
+  const Icon = styles.icon;
+
+  return (
+    <div className={`${styles.bg} ${styles.border} border rounded-lg p-4 mb-4`}>
+      <div className="flex items-start gap-3">
+        <Icon className={`w-5 h-5 mt-0.5 shrink-0 ${styles.iconColor}`} />
+        <div className="flex-1">
+          {title && (
+            <h4 className="text-sm font-semibold text-zinc-900 dark:text-zinc-50 mb-1">
+              {title}
+            </h4>
+          )}
+          <div className="text-sm text-zinc-700 dark:text-zinc-300 [&>p]:mb-0">
+            {children}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/web/src/components/mdx/FeatureGrid.tsx

@@ -0,0 +1,38 @@
+import { ReactNode } from "react";
+
+interface FeatureProps {
+  title: string;
+  description?: string;
+  children?: ReactNode;
+}
+
+export function Feature({ title, description, children }: FeatureProps) {
+  return (
+    <div className="p-3 bg-white dark:bg-zinc-900 rounded border border-zinc-100 dark:border-zinc-800 text-center">
+      <div className="font-bold text-xs mb-1">{title}</div>
+      {description && (
+        <div className="text-[10px] text-zinc-500">{description}</div>
+      )}
+      {children}
+    </div>
+  );
+}
+
+interface FeatureGridProps {
+  cols?: 2 | 3 | 4;
+  children: ReactNode;
+}
+
+export function FeatureGrid({ cols = 4, children }: FeatureGridProps) {
+  const colsClass = {
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-2 md:grid-cols-4",
+  };
+
+  return (
+    <div className="bg-zinc-50 dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 rounded-lg p-4 mb-6">
+      <div className={`grid ${colsClass[cols]} gap-4`}>{children}</div>
+    </div>
+  );
+}

package/web/src/components/mdx/ProTips.tsx

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+
+interface TipProps {
+  title: string;
+  children: ReactNode;
+}
+
+export function Tip({ title, children }: TipProps) {
+  return (
+    <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-4">
+      <h4 className="text-sm font-semibold text-zinc-900 dark:text-zinc-50 mb-2">
+        {title}
+      </h4>
+      <div className="text-sm text-zinc-600 dark:text-zinc-400 [&>p]:mb-0">
+        {children}
+      </div>
+    </div>
+  );
+}
+
+interface ProTipsProps {
+  children: ReactNode;
+}
+
+export function ProTips({ children }: ProTipsProps) {
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">{children}</div>
+  );
+}

package/web/src/components/mdx/StepList.tsx

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+
+interface StepProps {
+  number: number;
+  title: string;
+  children: ReactNode;
+}
+
+export function Step({ number, title, children }: StepProps) {
+  return (
+    <div className="flex gap-4">
+      <div className="flex-none w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 dark:text-blue-400 font-bold text-sm">
+        {number}
+      </div>
+      <div className="flex-1 pb-6">
+        <h3 className="font-semibold text-zinc-900 dark:text-zinc-50 mt-0 mb-2">
+          {title}
+        </h3>
+        <div className="text-zinc-600 dark:text-zinc-400 text-sm [&>p]:mb-2">
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+interface StepListProps {
+  children: ReactNode;
+}
+
+export function StepList({ children }: StepListProps) {
+  return <div className="space-y-2 mb-8">{children}</div>;
+}

package/web/src/components/mdx/Terminal.tsx

@@ -0,0 +1,58 @@
+import { ReactNode } from "react";
+
+interface TerminalProps {
+  children: ReactNode;
+}
+
+export function Terminal({ children }: TerminalProps) {
+  return (
+    <div className="bg-zinc-950 rounded-lg p-4 font-mono text-sm text-zinc-300 mb-6 overflow-x-auto">
+      {children}
+    </div>
+  );
+}
+
+interface TerminalLineProps {
+  type?: "user" | "agent" | "system";
+  children: ReactNode;
+}
+
+export function TerminalLine({ type = "system", children }: TerminalLineProps) {
+  const colors = {
+    user: "text-green-400",
+    agent: "text-blue-400",
+    system: "text-zinc-400",
+  };
+
+  const labels = {
+    user: "User:",
+    agent: "Agent:",
+    system: "",
+  };
+
+  return (
+    <div className="mb-2">
+      {labels[type] && (
+        <span className={`${colors[type]} font-semibold`}>{labels[type]} </span>
+      )}
+      {children}
+    </div>
+  );
+}
+
+interface TerminalBlockProps {
+  highlight?: boolean;
+  children: ReactNode;
+}
+
+export function TerminalBlock({ highlight, children }: TerminalBlockProps) {
+  return (
+    <div
+      className={`pl-4 border-l-2 ${
+        highlight ? "border-green-800" : "border-zinc-800"
+      } mb-4`}
+    >
+      {children}
+    </div>
+  );
+}

package/web/src/components/mdx/index.ts

@@ -0,0 +1,5 @@
+export { Callout } from "./Callout";
+export { StepList, Step } from "./StepList";
+export { Terminal, TerminalLine, TerminalBlock } from "./Terminal";
+export { ProTips, Tip } from "./ProTips";
+export { FeatureGrid, Feature } from "./FeatureGrid";

package/web/src/mdx-components.tsx

@@ -0,0 +1,98 @@
+import type { MDXComponents } from "mdx/types";
+import Link from "next/link";
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    h1: ({ children }) => (
+      <h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 mb-2">
+        {children}
+      </h1>
+    ),
+    h2: ({ children }) => (
+      <h2 className="text-2xl font-semibold text-zinc-900 dark:text-zinc-50 mb-4 mt-8">
+        {children}
+      </h2>
+    ),
+    h3: ({ children }) => (
+      <h3 className="text-xl font-semibold text-zinc-900 dark:text-zinc-50 mb-3 mt-6">
+        {children}
+      </h3>
+    ),
+    h4: ({ children }) => (
+      <h4 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50 mb-2 mt-4">
+        {children}
+      </h4>
+    ),
+    p: ({ children }) => (
+      <p className="text-zinc-700 dark:text-zinc-300 mb-4">{children}</p>
+    ),
+    a: ({ href, children }) => {
+      const isExternal = href?.startsWith("http");
+      if (isExternal) {
+        return (
+          <a
+            href={href}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-600 dark:text-blue-400 hover:underline"
+          >
+            {children}
+          </a>
+        );
+      }
+      return (
+        <Link
+          href={href || "#"}
+          className="text-blue-600 dark:text-blue-400 hover:underline"
+        >
+          {children}
+        </Link>
+      );
+    },
+    ul: ({ children }) => (
+      <ul className="list-disc list-inside text-zinc-700 dark:text-zinc-300 space-y-2 mb-4">
+        {children}
+      </ul>
+    ),
+    ol: ({ children }) => (
+      <ol className="list-decimal list-inside text-zinc-700 dark:text-zinc-300 space-y-2 mb-4">
+        {children}
+      </ol>
+    ),
+    li: ({ children }) => <li>{children}</li>,
+    code: ({ children }) => (
+      <code className="px-1.5 py-0.5 rounded bg-zinc-100 dark:bg-zinc-800 text-sm font-mono text-zinc-900 dark:text-zinc-100">
+        {children}
+      </code>
+    ),
+    pre: ({ children }) => (
+      <pre className="p-4 rounded-lg bg-zinc-950 overflow-x-auto mb-4 text-sm">
+        {children}
+      </pre>
+    ),
+    blockquote: ({ children }) => (
+      <blockquote className="border-l-4 border-zinc-300 dark:border-zinc-700 pl-4 italic text-zinc-600 dark:text-zinc-400 mb-4">
+        {children}
+      </blockquote>
+    ),
+    hr: () => <hr className="border-zinc-200 dark:border-zinc-800 my-8" />,
+    table: ({ children }) => (
+      <div className="overflow-x-auto mb-4">
+        <table className="min-w-full divide-y divide-zinc-200 dark:divide-zinc-800">
+          {children}
+        </table>
+      </div>
+    ),
+    th: ({ children }) => (
+      <th className="px-4 py-2 text-left text-sm font-semibold text-zinc-900 dark:text-zinc-50 bg-zinc-50 dark:bg-zinc-900">
+        {children}
+      </th>
+    ),
+    td: ({ children }) => (
+      <td className="px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 border-t border-zinc-200 dark:border-zinc-800">
+        {children}
+      </td>
+    ),
+    ...components,
+  };
+}

package/.agent/skills/brand-guidelines-anthropic/LICENSE.txt

@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.

package/.agent/skills/brand-guidelines-anthropic/SKILL.md

@@ -1,26 +0,0 @@
----
-version: 4.1.0-fractal
-name: brand-guidelines
-description: 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.
-license: Complete terms in LICENSE.txt
----
-
-# Anthropic Brand Styling
-
-## Overview
-
-To access Anthropic's official brand identity and style resources, use this skill.
-
-**Keywords**: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design
-
-## Brand Guidelines
-
-## 🧠 Knowledge Modules (Fractal Skills)
-
-### 1. [Colors](./sub-skills/colors.md)
-### 2. [Typography](./sub-skills/typography.md)
-### 3. [Smart Font Application](./sub-skills/smart-font-application.md)
-### 4. [Text Styling](./sub-skills/text-styling.md)
-### 5. [Shape and Accent Colors](./sub-skills/shape-and-accent-colors.md)
-### 6. [Font Management](./sub-skills/font-management.md)
-### 7. [Color Application](./sub-skills/color-application.md)

package/.agent/skills/brand-guidelines-anthropic/sub-skills/color-application.md

@@ -1,5 +0,0 @@
-# Color Application
-
-- Uses RGB color values for precise brand matching
-- Applied via python-pptx's RGBColor class
-- Maintains color fidelity across different systems

package/.agent/skills/brand-guidelines-anthropic/sub-skills/colors.md

@@ -1,14 +0,0 @@
-# Colors
-
-**Main Colors:**
-
-- Dark: `#141413` - Primary text and dark backgrounds
-- Light: `#faf9f5` - Light backgrounds and text on dark
-- Mid Gray: `#b0aea5` - Secondary elements
-- Light Gray: `#e8e6dc` - Subtle backgrounds
-
-**Accent Colors:**
-
-- Orange: `#d97757` - Primary accent
-- Blue: `#6a9bcc` - Secondary accent
-- Green: `#788c5d` - Tertiary accent

package/.agent/skills/brand-guidelines-anthropic/sub-skills/font-management.md

@@ -1,6 +0,0 @@
-# Font Management
-
-- Uses system-installed Poppins and Lora fonts when available
-- Provides automatic fallback to Arial (headings) and Georgia (body)
-- No font installation required - works with existing system fonts
-- For best results, pre-install Poppins and Lora fonts in your environment