tac-express-ui
Pointer to the canonical UI authoring skill. The full content lives in .claude/skills/tac-ui-authoring/SKILL.md. This file is preserved here for compatibility with agent harnesses (GSD, etc.) that scan .agents/skills/.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Pointer to the canonical UI authoring skill. The full content lives in .claude/skills/tac-ui-authoring/SKILL.md. This file is preserved here for compatibility with agent harnesses (GSD, etc.) that scan .agents/skills/.
Load when building any form in tac-express. Covers the standard form pattern: react-hook-form + zod resolver + server actions + Violet Grid field components. Includes validation, error states, loading states, and the forbidden patterns.
MANDATORY reference for any code change, install, or PR review in tac-express. Contains the Fourteen Laws, the forbidden-package list, the architecture flow rule, plus violation patterns and remediation snippets for each law. Load whenever uncertain whether something is allowed.
Load before ANY non-trivial task in tac-express. Enforces four principles: Think-Before-Coding, Simplicity-First, Surgical-Changes, Goal-Driven-Execution. Includes TAC Express–specific checks, anti-patterns, and the violation response protocol.
Catalog of premium micro-interactions and motion choreography for TAC Express. Use when adding hover, focus, press, state-change, scroll, or sequencing animations to any component. Trigger on "add a hover effect", "make this feel responsive", "animate this", "the click feels dead", "polish the interaction", "premium feel", "feels static". Maps every motion to the v6 vocabulary (instant / smooth / …
Catalog of paste-ready premium composition patterns that score 9-10/10 on the tac-ui-rubric. Use this skill when designing or building any user-facing surface — landing hero, KPI dashboard, data table, status timeline, scan card, drawer, command palette, empty state, error boundary. Each pattern is fully tokenized (Violet Grid v6), has an animation spec, defines its loading/empty/error states, and…
The meta skill. Turn any recurring fix, repeated workflow, or new capability into a properly-skilled, tested, resolvable unit. Use when the user says "skillify this", "is this a skill?", "make this proper", "we keep doing X manually", or after fixing the same class of bug twice. Adopted from GBrain's skillify skill (https://github.com/garrytan/gbrain/blob/master/skills/skillify/SKILL.md), adapted …
Load when writing or modifying Supabase migrations, RLS policies, RPC functions, triggers, or generated types in tac-express. Covers schema conventions, RLS-by-role enforcement, SECURITY DEFINER usage, trigger patterns, and type regeneration.
MANDATORY for all non-trivial implementation in TAC Express. Enforces RED-GREEN-REFACTOR cycle with Vitest and Playwright. Write the failing test first, always.
MANDATORY when writing or modifying any UI component in TAC Express. Enforces TAC Express v5.0 Violet Grid design system (Plus Jakarta Sans + IBM Plex Mono + Lora, 0rem radius, brutalist offset shadows, violet signal palette, no soft drop shadows, no glassmorphism), CVA pattern, packages/ui location, and Radix/shadcn primitives.
Use this skill to score any UI surface (page, component, dashboard panel, marketing section) against the TAC Express 10-criterion premium rubric. Returns a per-criterion 0-10 score and a total /100, with concrete file:line evidence and a remediation plan. Trigger when the user asks "is this 10/10?", "score this UI", "audit this page", "is the design premium enough?", or as a pre-merge gate on any …
MANDATORY when the agent is about to invoke or surface output from ui-ux-pro-max (uipro) inside tac-express. The uipro skill ships 67 styles, 96 palettes, 57 font pairings — most of which are FORBIDDEN by the Violet Grid design system. This bridge filters uipro recommendations through the Fourteen Laws so the breadth of inspiration never compromises identity. Use whenever a task mentions uipro, …
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name