kaelig

kaelig/skills

Instructions file

Claude Code instructions for kaelig/skills, covering skills repository, structure, adding a new skill, removing a skill and conventions.

kaelig/skills

Skill Claude CodeCodex

Produce a structured employer evaluation report for a specific company, covering design leadership, C-suite, financials, red flags, engineering culture, design talks, podcast appearances, and CEO/CTO mission statements. Use this skill whenever the user asks to "evaluate," "research," "look into," or "give me a…

kaelig/skills

Skill Claude CodeCodex

Use when Kaelig asks to refresh his job-search pipeline, find new roles, run another sweep of the design systems job market, look for fresh listings, or names new companies to investigate. Also use when he says it's been a while since the last search. Do not use for single-role questions, role comparisons already on…

kaelig/react-craft

Plugin Claude Code

Multi-agent Figma-to-component pipeline for React.

kaelig/react-craft

Skill Claude CodeCodex

Detects hardcoded user-facing strings that should use internationalization (i18n). Suggests replacements using the project's i18n framework. Use when checking i18n compliance, or when user says "check i18n", "find hardcoded strings", or "internationalization audit".

kaelig/react-craft

Hook

Runs after a tool call finishes for Edit, Write and Write tool calls, running an inline shell check (2 commands). From kaelig/react-craft.

kaelig/react-craft

Hook

Runs before the agent uses a tool for Bash tool calls, running an inline shell check. From kaelig/react-craft.

kaelig/react-craft

Skill Claude CodeCodex

Reviews generated components for WCAG 2.2 compliance using automated testing (axe-core, keyboard, screen reader) and produces actionable findings. Use after code generation in the react-craft pipeline.

kaelig/react-craft

Skill Claude CodeCodex

Generates production React components from briefs and architecture specs, following detected project conventions for styling, naming, and TypeScript patterns. Use when implementing components in the react-craft pipeline.

kaelig/react-craft

Skill Claude CodeCodex

Designs React component APIs — prop interfaces, composition strategy, file structure — from component briefs. Use when translating design specs into buildable component architectures.

kaelig/react-craft

Skill Claude CodeCodex

Extracts structured component specs from Figma designs, validates completeness, and produces component briefs. Use when processing Figma links, Anova YAML exports, or preparing component specifications for the react-craft pipeline.

kaelig/react-craft

Skill Claude CodeCodex

Validates UI component usage against a design system manifest from Storybook MCP. Detects custom components where design system equivalents exist, incorrect prop usage, and composition opportunities.

kaelig/react-craft

Skill Claude CodeCodex

Classifies design system findings as accidental, intentional, or needs-review. Generates structured YAML deviation reports for the design system team. Parses @ds-deviation inline comments for justifications.

kaelig/react-craft

Skill Claude CodeCodex

Executes the react-craft eval suite — runs pipeline against fixtures, scores output with deterministic and LLM-as-judge graders, produces benchmark reports.

kaelig/react-craft

Skill Claude CodeCodex

Checks UI components for missing accessibility attributes, keyboard navigation, focus management, loading/error/empty states, and other implementation concerns that Figma designs typically omit. Static pattern matching only — complements (does not duplicate) eslint-plugin-jsx-a11y.

kaelig/react-craft

Skill Claude CodeCodex

Runs TypeScript compilation, linting, and formatting checks on generated components. Final mechanical validation before a component is ready for review. Use as the last step in the react-craft build pipeline.

kaelig/react-craft

Skill Claude CodeCodex

Bundled reference knowledge for React, accessibility, Storybook, responsive design, motion, and component API patterns. Loaded on-demand by agents as offline fallback when Context7 is unavailable.

kaelig/react-craft

Skill Claude CodeCodex

Creates Storybook 10 stories with interaction tests covering every state, variant, and edge case. Use after code generation and a11y audit in the react-craft pipeline.

kaelig/react-craft

Skill Claude CodeCodex

React-craft team structure, agent roles, and collaboration rules. Provides charter and roster for the multi-agent component pipeline.

kaelig/react-craft

Skill Claude CodeCodex

Templates for component briefs and architecture docs. Use when creating new component specs or architecture documents in the react-craft pipeline.

kaelig/react-craft

Skill Claude CodeCodex

Detects hardcoded visual values (colors, spacing, typography, border-radius) where design tokens should be used. Suggests matching token replacements with confidence scores.

kaelig/react-craft

Skill Claude CodeCodex

Compares rendered Storybook stories against Figma designs across 9 visual dimensions (layout, typography, colors, spacing, shadows, borders, border-radius, icons, states). Applies iterative fixes for critical/moderate discrepancies. Use after story generation in the react-craft pipeline.

kaelig/state-of-ai-in-design-systems

Command Claude Code

Resync every hand-typed count and date and re-check every comparative claim after the record set changed.

kaelig/state-of-ai-in-design-systems

Command Claude Code

Fix one fact in one record from a fetched page, as a one-file diff, and clear the standing defects the checks report.