Search Results for "runkids" | AgentCC

skillshare

Runkids Skillshare Skillshare

Syncs skills across AI CLI tools (Claude, Cursor, Windsurf, etc.) from a single source of truth. Global mode (~/.config/skillshare/) and project mode (.skillshare/ per-repo). Commands: status, sync, install, uninstall, update, check, search, new, collect, push, pull, diff, list, doctor, audit, init-rules, trash, log, backup, restore, target, ui, upgrade. Features: target-level skill filtering (include/exclude), skill-level targets field, XDG Base Directory support, fuzzy subdirectory resolution for monorepo installs. Use when: managing skills across AI tools, "skillshare" CLI, skill sync/install/search, project skills setup, target filtering, security audit, web dashboard, or troubleshooting.

ascii-box-check

Verify and fix ASCII box-drawing diagram alignment in markdown files. Use when editing or creating box diagrams (┌─┐│└─┘), checking docs for misaligned boxes, or after bulk-editing documentation with diagrams.

web-quality-audit

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

ui-skills

Opinionated constraints for building better interfaces with agents.

react-doctor

Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.

frontend-slides

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

docker-expert

Docker containerization expert with deep knowledge of multi-stage builds, image optimization, container security, Docker Compose orchestration, and production deployment patterns. Use PROACTIVELY for Dockerfile optimization, container issues, image size problems, security hardening, networking, and orchestration challenges.

feature-radar-learn

Extract reusable patterns, architectural decisions, and pitfalls from completed work into the feature-radar knowledge base (.feature-radar/specs/). Use when: - You just shipped a feature and want to capture what you learned - You discovered a reusable pattern worth documenting - You made an architectural decision that future work should know about - You hit a pitfall others should avoid Trigger phrases: "extract learnings", "capture what we learned", "document this pattern", "save this decision", "what did we learn"

feature-radar

Discover, evaluate, and prioritize feature opportunities from any source — creative ideation, user pain points, ecosystem trends, technical breakthroughs, or cross-project research. Use when: - Brainstorming new feature ideas or exploring innovation directions - Reviewing feature opportunities against existing codebase to find completed or covered features - Archiving resolved features with mandatory learning extraction - Organizing open opportunities, cross-cutting specs, or external references - Identifying documentation gaps (implemented features missing from docs/website) - Evaluating feature value and prioritizing what to build next - Proposing the highest-impact feature to push the project forward Trigger phrases: "feature radar", "check feature status", "what should we build next", "feature ideas", "feature priorities", "update opportunities", "innovation scan"

vue-pinia-best-practices

Pinia stores, state management patterns, store setup, and reactivity with stores.

feature-radar-scan

Discover new feature opportunities from multiple sources — creative brainstorming, user feedback, ecosystem evolution, technical possibilities, and cross-project research — and add them to the feature-radar tracking system (.feature-radar/opportunities/). Use when: - Brainstorming creative feature ideas or exploring new directions - Reviewing user feedback for unmet needs and pain points - Exploring adjacent tools and ecosystems for inspiration - Identifying technical breakthroughs that enable new possibilities - Periodic opportunity refresh to keep the backlog current Trigger phrases: "scan opportunities", "find new features", "brainstorm ideas", "what could we build", "refresh opportunities", "scan ecosystem", "feature ideas"

performance

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

best-practices

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

feature-radar-ref

Record external observations, creative inspiration, ecosystem trends, and research findings into the feature-radar knowledge base (.feature-radar/references/). Use when: - You found an interesting approach, technique, or design in another project - An ecosystem trend is emerging (new tools, standards, community patterns) - A related project shipped a notable feature or solved a problem creatively - A user comparison or question reveals a gap or opportunity - You discovered research, articles, or talks with relevant insights Trigger phrases: "add reference", "log observation", "track this project", "ecosystem observation", "interesting approach", "save inspiration"

accessibility

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

vue-debug-guides

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

core-web-vitals

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

skill-creator

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

feature-radar-archive

Archive a completed, rejected, or covered feature into the feature-radar tracking system (.feature-radar/archive/) with mandatory learning extraction. Use when: - A feature just shipped and needs to be recorded - A feature was rejected or deemed not applicable - An existing capability already covers a requested feature - A feature is explicitly deferred with rationale Trigger phrases: "archive feature", "mark as done", "this feature is done", "close this opportunity", "feature shipped", "reject feature"

vue-options-api-best-practices

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

remotion-best-practices

Best practices for Remotion - Video creation in React

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

design-taste-frontend

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".