@amrhas82/agentic-kit 1.7.0 → 1.7.6

package/packages/opencode/command/artifacts-builder.md

@@ -1,285 +0,0 @@
----
-description: Build elaborate multi-component HTML artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui
-argument-hint: <artifact-concept> <project-name>
----
-
-Build powerful frontend artifacts using modern web technologies for complex interactive experiences.
-
-## Technology Stack
-
-**Core Stack:**
-- React 18 + TypeScript
-- Vite for development
-- Parcel for bundling
-- Tailwind CSS 3.4.1
-- shadcn/ui component library
-- 40+ pre-installed components
-
-## Development Workflow
-
-### Step 1: Initialize Project
-```bash
-bash scripts/init-artifact.sh <project-name>
-cd <project-name>
-```
-
-**Creates fully configured project with:**
-- ✅ React + TypeScript (via Vite)
-- ✅ Tailwind CSS with shadcn/ui theming
-- ✅ Path aliases (`@/`) configured
-- ✅ 40+ shadcn/ui components
-- ✅ Radix UI dependencies
-- ✅ Parcel bundling configured
-- ✅ Node 18+ compatibility
-
-### Step 2: Develop Artifact
-Edit the generated files to build your artifact:
-
-**Component Structure:**
-```typescript
-// Example component structure
-import { Button } from "@/components/ui/button"
-import { Card } from "@/components/ui/card"
-
-export function MyArtifact() {
-  return (
-    <Card className="p-6">
-      <h1 className="text-2xl font-bold">Artifact Title</h1>
-      <Button className="mt-4">Action</Button>
-    </Card>
-  )
-}
-```
-
-**State Management:**
-```typescript
-import { useState } from "react"
-
-export function InteractiveArtifact() {
-  const [count, setCount] = useState(0)
-  
-  return (
-    <div>
-      <p>Count: {count}</p>
-      <Button onClick={() => setCount(count + 1)}>
-        Increment
-      </Button>
-    </div>
-  )
-}
-```
-
-### Step 3: Bundle to Single HTML
-```bash
-bash scripts/bundle-artifact.sh
-```
-
-**Requirements:** Project must have `index.html` in root directory
-
-**What it does:**
-- Installs bundling dependencies
-- Creates `.parcelrc` config with path aliases
-- Builds with Parcel (no source maps)
-- Inlines all assets into single HTML
-- Creates `bundle.html` - self-contained artifact
-
-### Step 4: Share Artifact
-Share the bundled HTML file in conversation as a claude.ai artifact.
-
-### Step 5: Testing (Optional)
-Use tools like Playwright or Puppeteer to test the artifact if issues arise.
-
-## Design Guidelines
-
-### Avoid "AI Slop"
-**Don't use:**
-- Excessive centered layouts
-- Purple gradients
-- Uniform rounded corners
-- Inter font (overused)
-
-**Instead use:**
-- Varied layouts and compositions
-- Diverse color palettes
-- Creative typography choices
-- Original design patterns
-
-### Component Usage
-**shadcn/ui Components:**
-- Button, Card, Dialog, Input
-- Table, Tabs, Badge, Avatar
-- Dropdown, Select, Checkbox
-- Accordion, Alert, Avatar
-
-**Example usage:**
-```typescript
-import { 
-  Button, 
-  Card, 
-  CardHeader, 
-  CardContent,
-  Dialog,
-  DialogContent,
-  DialogHeader 
-} from "@/components/ui"
-
-export function ComplexComponent() {
-  return (
-    <Card>
-      <CardHeader>
-        <h2>Title</h2>
-      </CardHeader>
-      <CardContent>
-        <p>Content</p>
-        <Button variant="outline">Action</Button>
-      </CardContent>
-    </Card>
-  )
-}
-```
-
-## Common Development Tasks
-
-### Creating Interactive Elements
-```typescript
-// Interactive toggle
-import { useState } from "react"
-import { Switch } from "@/components/ui/switch"
-
-export function Settings() {
-  const [darkMode, setDarkMode] = useState(false)
-  
-  return (
-    <div>
-      <label className="flex items-center space-x-2">
-        <Switch 
-          checked={darkMode} 
-          onCheckedChange={setDarkMode} 
-        />
-        <span>Dark Mode</span>
-      </label>
-    </div>
-  )
-}
-```
-
-### Data Display
-```typescript
-// Table with data
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
-
-export function DataTable({ data }: { data: any[] }) {
-  return (
-    <Table>
-      <TableHeader>
-        <TableRow>
-          <TableHead>Name</TableHead>
-          <TableHead>Status</TableHead>
-          <TableHead>Actions</TableHead>
-        </TableRow>
-      </TableHeader>
-      <TableBody>
-        {data.map((item, index) => (
-          <TableRow key={index}>
-            <TableCell>{item.name}</TableCell>
-            <TableCell>{item.status}</TableCell>
-            <TableCell>
-              <Button size="sm">Edit</Button>
-            </TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-    </Table>
-  )
-}
-```
-
-### Form Handling
-```typescript
-// Form with validation
-import { useState } from "react"
-import { Input } from "@/components/ui/input"
-import { Button } from "@/components/ui/button"
-
-export function ContactForm() {
-  const [name, setName] = useState("")
-  const [email, setEmail] = useState("")
-  
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    console.log({ name, email })
-  }
-  
-  return (
-    <form onSubmit={handleSubmit} className="space-y-4">
-      <div>
-        <Input 
-          value={name}
-          onChange={(e) => setName(e.target.value)}
-          placeholder="Name"
-        />
-      </div>
-      <div>
-        <Input 
-          type="email"
-          value={email}
-          onChange={(e) => setEmail(e.target.value)}
-          placeholder="Email"
-        />
-      </div>
-      <Button type="submit">Submit</Button>
-    </form>
-  )
-}
-```
-
-## Performance Considerations
-
-### Bundle Optimization
-- Use React.memo for expensive components
-- Implement code splitting for large artifacts
-- Optimize images and assets
-- Minimize re-renders with proper state management
-
-### Component Patterns
-```typescript
-// Optimized component
-import { memo } from "react"
-
-const ExpensiveComponent = memo(({ data }) => {
-  return (
-    <div className="complex-visualization">
-      {/* Complex rendering logic */}
-    </div>
-  )
-})
-
-// Lazy loading
-import { lazy, Suspense } from "react"
-
-const HeavyComponent = lazy(() => import("./HeavyComponent"))
-
-export function App() {
-  return (
-    <Suspense fallback={<div>Loading...</div>}>
-      <HeavyComponent />
-    </Suspense>
-  )
-}
-```
-
-## Usage Examples
-
-**Create interactive dashboard:**
-`/artifacts-builder "data visualization dashboard" "analytics-app"`
-
-**Build form-heavy interface:**
-`/artifacts-builder "contact form system" "forms-app"`
-
-**Develop game interface:**
-`/artifacts-builder "puzzle game UI" "game-interface"`
-
-**Create design tool:**
-`/artifacts-builder "canvas design tool" "design-studio"`
-
-Remember: Use this for complex artifacts requiring state management, routing, or rich interactions - not simple single-file HTML.

package/packages/opencode/command/brand-guidelines.md

@@ -1,123 +0,0 @@
----
-description: Apply Anthropic's official brand colors and typography to any artifact
-argument-hint: <artifact-type>
----
-
-Apply Anthropic's official brand identity and style resources to your work.
-
-## Brand 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
-
-## Typography
-
-**Font Selection:**
-- **Headings**: Poppins (with Arial fallback)
-- **Body Text**: Lora (with Georgia fallback)
-
-**Font Application Rules:**
-- Headings (24pt+): Poppins font
-- Body text: Lora font
-- Smart color selection based on background
-- Preserves text hierarchy and formatting
-
-## Usage Guidelines
-
-### Smart Font Application
-- Automatically applies Poppins to headings
-- Applies Lora to body text
-- Provides fallback fonts if custom fonts unavailable
-- Maintains readability across all systems
-
-### Color Application
-- Main colors for backgrounds and text
-- Accent colors for highlights, buttons, and callouts
-- Cycles through accent palette for visual interest
-- Maintains brand consistency
-
-### Visual Hierarchy
-- Large text (24pt+): Poppins
-- Regular text: Lora
-- Consistent color application
-- Proper contrast ratios
-
-## Implementation
-
-### CSS Example
-```css
-:root {
-  --anthropic-dark: #141413;
-  --anthropic-light: #faf9f5;
-  --anthropic-mid-gray: #b0aea5;
-  --anthropic-light-gray: #e8e6dc;
-  --anthropic-orange: #d97757;
-  --anthropic-blue: #6a9bcc;
-  --anthropic-green: #788c5d;
-}
-
-.heading {
-  font-family: 'Poppins', Arial, sans-serif;
-  color: var(--anthropic-dark);
-}
-
-.body {
-  font-family: 'Lora', Georgia, serif;
-  color: var(--anthropic-dark);
-}
-
-.accent {
-  color: var(--anthropic-orange);
-}
-```
-
-### Python Example (python-pptx)
-```python
-from pptx.util import RGBColor
-
-# Brand colors as RGB
-ANTHROPIC_COLORS = {
-    'dark': RGBColor(20, 20, 19),
-    'light': RGBColor(250, 249, 245),
-    'mid_gray': RGBColor(176, 174, 165),
-    'orange': RGBColor(217, 119, 87),
-    'blue': RGBColor(106, 155, 204),
-    'green': RGBColor(120, 140, 93)
-}
-
-# Apply to shapes and text
-shape.fill.solid()
-shape.fill.fore_color.rgb = ANTHROPIC_COLORS['orange']
-```
-
-## Best Practices
-
-- Use dark/light colors for text and backgrounds
-- Apply accent colors sparingly for emphasis
-- Maintain proper contrast ratios
-- Use typography hierarchy consistently
-- Consider accessibility in color choices
-
-## Usage Examples
-
-**Apply brand to presentation:**
-`/brand-guidelines presentation slides`
-
-**Apply brand to document:**
-`/brand-guidelines technical document`
-
-**Apply brand to web page:**
-`/brand-guidelines landing page`
-
-**Apply brand to report:**
-`/brand-guidelines quarterly report`
-
-Remember: Brand consistency builds trust and recognition. Apply these guidelines consistently across all materials.

package/packages/opencode/command/canvas-design/canvas-fonts/ArsenalSC-OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2012 The Arsenal Project Authors (andrij.design@gmail.com)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-https://openfontlicense.org
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

package/packages/opencode/command/canvas-design/canvas-fonts/BigShoulders-OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2019 The Big Shoulders Project Authors (https://github.com/xotypeco/big_shoulders)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-https://openfontlicense.org
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

package/packages/opencode/command/canvas-design/canvas-fonts/Boldonse-OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2024 The Boldonse Project Authors (https://github.com/googlefonts/boldonse)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-https://openfontlicense.org
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.