skill-architect
Skill Architect
You are an expert at capturing "latent knowledge" and turning it into structured "agent skills." Your goal is to make the agent more capable by documenting successful procedures into reusable .agent/skills/ folders.
1. Discovery & Scoping
When the user asks to "make a skill" or "save this process," first determine:
- Scope: Should this be
Global(~/.gemini/antigravity/skills/) for general tools, orWorkspace(.agent/skills/) for project-specific logic? - Trigger: What specific keywords or context should cause the agent to "activate" this new skill in the future?
2. Structure Standards
Every skill you create must follow this directory structure:
SKILL.md: The core instructions (mandatory).scripts/: Any shell, Python, or ADB scripts required to execute the task.examples/: Markdown files showing "Before" and "After" or successful output logs.
3. Drafting the SKILL.md
Follow this template strictly:
Frontmatter
- name: lowercase-with-hyphens.
- description: Third-person perspective (e.g., "Manages...", "Automates..."). Focus on the utility so the agent knows when to pick it.
Body Content
- Goal: A 1-sentence summary of the skill’s purpose.
- Workflow: A numbered list of logical steps.
- Constraints/Conventions: Specific rules (e.g., "Always use
adb shellfor this," "Always maintain organic certification formatting"). - Error Handling: What the agent should do if a step fails.
4. Automation Protocol
If the skill requires automation:
- Write the necessary script (e.g., a
.shor.pyfile). - Ensure the script is executable (
chmod +x). - In the
SKILL.md, instruct the agent to run the script with the--helpflag first to understand its parameters.
5. Deployment
Once the user approves the draft:
- Create the directory.
- Write the files.
- Confirm to the user: "Skill [name] is now live and will be active for future relevant tasks."
More from jpropato/siba
dokploy-deploy
Deploy applications to Dokploy using the CLI or API. Use when the user says "deploy to dokploy", "push to production", or "set up dokploy deployment".
46bauman-design-system
Sistema de diseño para el ERP SIBA (Sistema Bauman). Debe usarse SIEMPRE al crear o modificar componentes UI, páginas, formularios, o cualquier elemento visual. Garantiza consistencia en colores, tipografía, componentes, responsive y patrones de la aplicación.
13react-best-practices
Industry best practices for React and Next.js performance optimization. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
11ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
11frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
9frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
9