squidllee
Community@squidllee
squidllee publishes 61 skills for UI polish, web animation craft, code review, and engineering principles for frontend and agent-driven development.
Agent Skills by squidllee
Showing 61 vetted skills indexed across 1 GitHub repositories.
squidlleepick-ui-library
Recommends curated React libraries for frontend tasks like charts, toasts, and drag and drop.
squidlleeprinciple-boundary-discipline
Concentrates validation and error handling at system boundaries while keeping business logic in pure functions.
squidlleeprinciple-model-the-domain
Encodes domain logic into data structures instead of scattered conditionals across code.
squidlleeanimate
Implements UI animations using CSS transitions, WAAPI, and Motion with defined easing and duration rules.
squidlleebetter-interface
Orchestrates cross-discipline interface reviews across accessibility, layout, writing, typography, color, and UI polish.
squidlleefind-animation-opportunities
Scans a codebase for UI moments that would benefit from motion and proposes exact animation recipes.
squidlleeexplain
Traces source code back to original session transcripts to explain its intent.
squidlleetechnical-writing
Applies Diátaxis, Google style, STE, and Global English rules to technical documentation.
squidlleeprinciple-fix-root-causes
Guides debugging by tracing symptoms to root causes instead of applying symptom-level workarounds.
squidlleeprinciple-encode-lessons-in-structure
Convert recurring corrections into lint rules, metadata flags, runtime checks, and automation scripts.
squidlleeimprove-animations
Audits codebase animation code and writes self-contained motion improvement plans for executor agents.
squidlleeexplain-interface
Explains how a website or visual effect was built from a URL or screenshot.
squidlleesession-to-skill
Converts Entire session history and checkpoints into reusable SKILL.md drafts.
squidlleeprinciple-guard-the-context-window
Route large payloads to subagents and keep summaries in the main context window.
squidlleeprinciple-subtract-before-you-add
Guides removal of dead code and redundant validators before adding features or refactors.
squidlleeinterface-review
Reviews git diffs, branches, and pull requests for interface regressions across UI, accessibility, typography, and layout.
squidlleebetter-colors
Generate color ramps, semantic tokens, and contrast-checked palettes for CSS projects.
squidlleeprinciple-foundational-thinking
Guides structural decisions on data structures, sequencing, and concurrency before writing code.
squidlleeshow-me-your-work
Maintains an append-only TSV decision log recording choices, evidence, and results for reviewable long-running work.
squidlleeprinciple-build-the-lever
Guides building rerunnable codemods, scripts, and generators instead of performing edits by hand.
squidlleebetter-ui
Reviews and polishes UI code for border radius, shadows, icon transitions, and animation details.
squidlleeaddress-findings
Fetches open review findings from an Entire trail, fixes the code, and resolves them.
squidlleebetter-typography
Reviews and fixes CSS typography covering type scales, spacing, wrapping, and OpenType features.
squidlleeprinciple-make-operations-idempotent
Designs state-mutating operations that converge to the same end state after crashes and retries.
Frequently Asked Questions About squidllee
FAQPage SchemaWhat tasks can I accomplish with squidllee's skills?▼
You can polish UI details like border radius and hit areas, build and audit web animations, generate color systems and typography scales, review code diffs with session context, enforce accessibility standards, and apply 20+ engineering principles covering type discipline, idempotency, and root-cause debugging.
Who are squidllee's skills designed for?▼
Frontend engineers, design engineers, and developers working with coding agents. The better-* and animation skills target UI craft, the principle-* skills guide architectural decisions, and the Entire-based skills (recall, replay, explain, teach) serve teams tracking agent session history.
How do the animation skills work in practice?▼
Use animate to build motion from scratch with decided curves and durations, find-animation-opportunities to spot static UI that should move, review-animations to critique existing motion against a high craft bar, and improve-animations to produce a prioritized codebase-wide motion audit.
What prerequisites do squidllee's skills require?▼
Most UI and principle skills need only a frontend project; typescript-best-practices activates on .ts/.tsx files. The session skills (recall, replay, explain, what-happened, session-handoff) require Entire-tracked checkpoints, and tldraw-offline requires the tldraw Desktop canvas app.
Do any skills run automatically without being invoked?▼
Several skills set disable-model-invocation and only run when explicitly called, including pick-ui-library, prototype, variant, break, interface-review, and show-me-your-work. Others like unslop state they must always apply, while principle-* skills trigger on described coding situations.