Art & Design

The end-to-end pipeline for making a Roblox game with your AI agent, from idea to launch and live updates. It runs phases in order (concept and study, design and economy sim, world, models, systems code, UI, VFX, audio, QA, thumbnails and publishing, analytics and live ops) and calls the right skill and tools for each, with standing rules and measured Studio gotchas. Use whenever the developer wants to make, remake, port or clone a Roblox game, start a new game, continue or finish one, plan a game, "do the whole thing", or asks what's next on a game. For one narrow task (just a UI, just an effect) use that skill directly.

A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

Use when operating Design Compiler or diagnosing its release-specific commands, inputs, results, or startup requirements.

Use when operating Design Vision or diagnosing its release-specific commands, inputs, results, or startup requirements.

>- /grill-design — Sessão socrática dedicada a UI e UX. O agente pergunta, uma questão por vez, sobre jornadas, layout, componentes, estados e acessibilidade, sempre sugerindo patterns de UI nomeados e aplicações de referência correlatas. Após aprovação explícita, grava a spec em wiki/ui-specs/ e as regras visuais em schema/design-system.md.

>- RWS (Raw Sources, Wiki & Schema) — arquitetura de base de conhecimento persistente mantida por LLM, baseada no padrão "LLM Wiki" de Andrej Karpathy. Use SEMPRE que o projeto contiver as pastas raw/, wiki/ ou schema/, ou quando o usuário pedir para auditar uma codebase, registrar conhecimento, planejar features (grill), planejar UI/UX (grill-design) ou executar comandos no formato /<escopo>:<ação> (raw-source, wiki, schema × add, remove, increment).

Test Web3 dApps end to end with Synpress (Playwright + MetaMask): wallet setup, connect, sign, send transactions, switch networks, and verify the result on-chain, not only in the UI. Use when a dApp, wallet flow, token transfer, staking, governance vote or smart-contract UI needs tests or a bug needs reproducing.

Generate self-contained single-file HTML documents and pages — reports, summaries, dashboards, style guides, slide decks, notes, explainers with diagrams, landing pages, resumes, printables, any single HTML file. Use when asked to create, write, summarize, explain, or present anything as an HTML file; when the user mentions @html, "html file", "single file page", "one file that opens anywhere", or "shareable document"; or when output must work offline with no build step and no external requests. Do not use for Markdown output, PDFs, or component frameworks like React or Vue.

>- Interactively co-design and generate a high-density, semantic Tailwind-powered DESIGN_CONTEXT.md and zero-dependency live visual preview (design-preview.html). Supercharged with the OpenCode Data (opencode.ai/data) Technical Monospace telemetry engine, 6 distinct archetypes, strict 60-30-10 distribution, mathematical WCAG 2.1 AA/AAA verification, and native Tailwind CSS v4 Browser CDN (@tailwindcss/browser@4) architecture.

Propose a new OpenSpec change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation. Also use when the user says "openspec propose" or "opsx propose".

Write, extend or de-flake automated UI and API tests with Playwright (TypeScript) or pytest. Use when a manual case should become an automated test, when a new spec or test file is needed, when a test is flaky, or when someone asks to review test code.

Research crypto project fundamentals through an evidence-backed 18-point framework covering product, team, security, tokenomics, unlocks, valuation and competitors. Use for project due diligence or focused fundamental research. Explain findings as Robin the Quant. Exclude portfolio crash tests, news triage, trade execution and price-only technical analysis.

Pressure-test a proposed buy, sell or hold decision against its strongest opposing case, potential cognitive biases, missing assumptions and observable invalidation. Use for a trade gut check or investment decision critique. Explain as Robin the Quant. Exclude order execution and automatic portfolio sizing.

Turn a design idea, mockup description, moodboard or brand brief into a WordPress-ready website in UiChemy, built to export to Elementor or Gutenberg. Use when the user asks to turn a design into a WordPress site, build a site that looks like a style or reference they describe, or go from design to Elementor or Gutenberg.

Build a new multi-page WordPress-ready website in UiChemy from a business brief, choosing real section layouts from the UiChemy library and writing the copy. Use when the user asks to create, generate, draft or design a website, landing page or site for a business, client or idea.

Add a blog to a UiChemy website project, with a listing page, article pages, archive pages and sample posts, then list or remove posts. Use when the user asks to add a blog, news or articles section, add or write blog posts, set up a blog page for a WordPress site, or delete a post.

Write messages to people in the user's own voice, learnt from what they have written in chat (Slack, Teams, Google Chat), email and docs. Use it whenever the user asks you to reply to, respond to, answer, message, DM, email, ping or tell a person, team or channel, or to draft, send or schedule a chat message, thread reply, email or announcement that goes out under their name, and whenever they want text that should 'sound like me', 'in my voice' or 'how I'd say it'. Also use it to set up or refresh the voice profile: 'set up reply-like-me', 'learn how I write', 'study my Slack', 'scan my emails', 'update my voice'. Never use it for technical documents (RFCs, specs, ADRs, design docs, runbooks), pull requests, code review comments, commit messages, code or code comments, or for replies to the user themselves.

Use when the user asks for an interactive or clickable HTML prototype, mockup, or walkthrough of a product UI flow, screen states, or a feature for reviewers (designers, product managers, developers) — "prototype", "clickable mockup", "show the screen states".

Review and simplify Python code design.

Review a diff, branch, PR, or existing code (a path or the whole repo) for code quality against ~/.claude/CODING_STANDARDS.md, using the deep-module vocabulary (module, interface, seam, adapter, depth, leverage, locality). Covers module depth and responsibility, state ownership and immutability, concept ownership and types (including making invalid states unrepresentable), dependency injection and config, error visibility, naming and function readability, and test quality; on a whole codebase it also questions the product's major design decisions against alternative directions. Use when the user says "quality review", "review for code quality", "review against my coding standards", "is this well designed", or invokes /quality-review. Not a bug hunt; use /code-review for correctness.

Learn from a plan, a design, finished work or a plain topic — one plain-language question at a time, the user answers before seeing yours, each answer is tied to an idea from the classic software reliability books, and what was hard becomes Anki cards. `ready <PR>` checks the user can defend their own change before asking for review. Use when the user runs /learn on an issue, plan, PR, piece of code or topic, /learn ready on a PR they will ask a review for, or /learn review to go through due Anki cards.

Use when a feature, refactor, or design is underspecified or has competing approaches — before writing code for work that touches data shape, security boundaries, public interfaces, or more than a few files. Not for typo-sized fixes.

Get instant 3D printing and CNC machining quotes and order custom parts from Make Parts Now (MakePartsNow.com), a US manufacturing service, straight from a CAD file in the project. Use when the user wants to 3D print, CNC machine, manufacture or prototype a part they designed (CadQuery, build123d, OpenSCAD, FreeCAD or any CAD tool), export a model for manufacturing, get a price or lead time, compare quantities, or order SLS PA12 nylon, TPU, FDM plastic, 6061 aluminum or C360 brass parts.

>- Enforces a specification-first development workflow (SPEC.md gating protocol). Activates when designing or implementing complex multi-file features (3+ files), new API endpoints, database schema migrations, or cross-cutting architectural changes. DO NOT trigger for single-file edits, isolated bug fixes, test-only additions, or when an approved specification already exists.