excatt
- 34 skills
- 0 followers
- 1 week ago last updated
- ▌ Composition Patterns · excattReact composition patterns — refactor boolean-prop-heavy components into compound components, flexible APIs, and Context providers. Use for component architecture design and review.
- ▌ React Best Practices · excattVercel Engineering's React & Next.js performance optimization guide. Use when writing React components, implementing data fetching, reviewing code for performance, refactoring, or optimizing bundle size. Contains 40+ rules across 8 priority categories.
- ▌ Web Design Guidelines · excattUI code review against Vercel's Web Interface Guidelines (100+ accessibility/performance/UX rules). Use for UI, a11y, or UX reviews of frontend code — not for backend or API design.
- ▌ Design Audit · excatt bundleRun technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review. (Impeccable design audit — distinct from /audit which validates project rules.)
- ▌ Gap Analysis · excattCompare design documents against implementation and compute a Match Rate with a gap list (PDCA Check phase). Use after implementation or before PR to verify design conformance.
- ▌ Canvas Design · excattCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
- ▌ Config Doctor · excattSuperClaude++ 설정 정합성 진단. scripts/config-doctor.sh를 실행해 에이전트/스킬 frontmatter, skill-rules 참조, 훅 스크립트 존재·계약, 버전·개수 정합, 문서 참조를 검사합니다.
- ▌ Pytest Runner · excattExecute and analyze pytest-based tests. Includes coverage reports, failure analysis, and fixture debugging.
- ▌ UI UX Pro Max · excatt bundleUI/UX design intelligence with BM25 search (styles, color palettes, font pairings, per-industry reasoning). Use when choosing a design system, style, colors, or typography for a web app or landing page.
- ▌
- ▌ Security Audit · excattSecurity audit covering OWASP Top 10, STRIDE, and LLM/AI attack surfaces (prompt injection, tool-call validation, skill supply chain). Use for security reviews, auth/API exposure, and pre-deployment audits.
- ▌ Webapp Testing · excatt bundleToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
- ▌ Algorithmic Art · excatt bundleCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
- ▌ Devils Advocate · excatt bundleAI/사람의 결정, 계획, 코드, 설계를 구조화된 프레임워크로 도전하는 비판적 리뷰 레이어. Pre-mortem, Inversion, Socratic 질문을 활용하여 블라인드 스팟과 숨겨진 가정을 발견합니다.
- ▌ Feature Planner · excattPhase-based feature planning with quality gates and incremental delivery structure. Use when breaking down features, organizing work, or structuring roadmaps.
- ▌ Frontend Design · excatt bundleCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
- ▌ Grill With Docs · excatt bundle사용자 계획을 기존 도메인 모델에 대해 stress-test하는 인터뷰 세션. 용어를 날카롭게 다듬고, 결정이 굳어질 때마다 CONTEXT.md(도메인 어휘 사전)와 ADR을 인라인으로 갱신한다. 새 기능 요구사항 탐색은 `/brainstorm`을, 기존 도메인 모델·용어와의 정합성 점검은 이 스킬을 사용한다.
- ▌ Brand Guidelines · excattApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
- ▌ Slack Gif Creator · excattKnowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
- ▌ Tdd · excattTest-Driven Development with enforced RED-GREEN-REFACTOR cycle and Git checkpoints per phase. Use for new testable features and bug fixes (reproduction test first) — not for config, docs, or renames.
- ▌
- ▌ Audit · excatt bundleRun project-specific verification rules (business logic, architecture patterns, naming) that linters cannot catch; bootstraps rules if none exist. Not for build/lint/test (/verify).
- ▌ Shape · excattPlan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implementation. Use during the planning phase to establish design direction, constraints, and strategy before any code is written.
- ▌ Bolder · excattAmplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character.
- ▌
- ▌ Animate · excattReview a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
- ▌ Delight · excattAdd moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
- ▌ Distill · excattStrip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused.
- ▌ Colorize · excattAdd strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.
- ▌ Critique · excatt bundleEvaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.
- ▌ Overdrive · excattPushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
- ▌ Brainstorm · excattInteractive requirements discovery through Socratic dialogue and systematic exploration
- ▌ Impeccable · excatt bundleCreate distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for shape-then-build, 'teach' for design context setup, or 'extract' to pull reusable components and tokens into the design system.
- ▌ Uv Package · excattUtilize uv package manager. Manage dependencies, virtual environments, project initialization, and lock files.