builder-skills

In the author's own words, from each skill's SKILL.md — showing the first 30 of 48 files.

• agent-browser

  Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to…

  .claude/skills/tools/agent-browser/SKILL.md on GitHub (opens in a new tab)

• animate

  Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when user says "add animations", "add motion", "make it move", "add micro-interactions", "add transitions", or wants to enhance a static interface with motion.

  .claude/skills/design/adjust/animate/SKILL.md on GitHub (opens in a new tab)

• bolder

  Amplify safe or boring designs to make them more visually interesting and stimulating. Use when user says "make it bolder", "too boring", "needs more impact", "more visual interest", "too plain", "too safe", or wants to increase visual energy.

  .claude/skills/design/adjust/bolder/SKILL.md on GitHub (opens in a new tab)

• colorize

  Add strategic color to features that are too monochromatic or lack visual interest. Use when user says "add color", "too gray", "too monochrome", "needs color", "more colorful", or wants to add visual warmth to a neutral interface.

  .claude/skills/design/adjust/colorize/SKILL.md on GitHub (opens in a new tab)

• delight

  Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Use when user says "add delight", "make it fun", "add personality", "too sterile", "add charm", "add polish", or wants to make a functional interface more enjoyable.

  .claude/skills/design/adjust/delight/SKILL.md on GitHub (opens in a new tab)

• quieter

  Tone down overly bold or visually aggressive designs. Use when user says "too loud", "too bold", "tone it down", "more subtle", "less intense", "too aggressive", "too busy", or wants to reduce visual intensity while maintaining quality.

  .claude/skills/design/adjust/quieter/SKILL.md on GitHub (opens in a new tab)

• design-brief

  One-time setup that gathers design context for your project and saves it to your config file. Run once to establish persistent design guidelines.

  .claude/skills/design/frameworks/design-brief/SKILL.md on GitHub (opens in a new tab)

• design-foundations

  Product design framework based on the five planes model. Use this skill when designing or evaluating products end-to-end — from strategy through surface. Provides structured thinking for design decisions at every level of abstraction.

  .claude/skills/design/frameworks/design-foundations/SKILL.md on GitHub (opens in a new tab)

• 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. Generates creative, polished code that avoids generic AI aesthetics.

  .claude/skills/design/frameworks/frontend-design/SKILL.md on GitHub (opens in a new tab)

• adapt

  Adapt designs to work across different screen sizes, devices, contexts, or platforms. Use when user says "make it responsive", "mobile version", "adapt for tablet", "print layout", "support different screen sizes", "responsive design", or needs a design to work in a new context.

  .claude/skills/design/hardening/adapt/SKILL.md on GitHub (opens in a new tab)

• harden

  Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Use when user says "harden this", "handle edge cases", "error handling", "i18n support", "make it robust", "production-ready", or when an interface needs to handle real-world conditions.

  .claude/skills/design/hardening/harden/SKILL.md on GitHub (opens in a new tab)

• onboard

  Design or improve onboarding flows, empty states, and first-time user experiences. Use when user says "add onboarding", "empty state", "first-time experience", "welcome flow", "getting started", "new user experience", or needs to help users understand and adopt the product.

  .claude/skills/design/hardening/onboard/SKILL.md on GitHub (opens in a new tab)

• optimize

  Improve interface performance across loading speed, rendering, animations, images, and bundle size. Use when user says "make it faster", "improve performance", "slow loading", "optimize this", "reduce bundle size", "performance issues", or when an interface feels sluggish.

  .claude/skills/design/hardening/optimize/SKILL.md on GitHub (opens in a new tab)

• clarify

  Improve unclear UX copy, error messages, microcopy, labels, and instructions. Use when user says "fix the copy", "unclear text", "confusing labels", "improve error messages", "better microcopy", "rewrite this text", or when interface text is hard to understand.

  .claude/skills/design/refine/clarify/SKILL.md on GitHub (opens in a new tab)

• distill

  Strip designs to their essence by removing unnecessary complexity. Use when user says "simplify this", "too complex", "strip it down", "too cluttered", "reduce complexity", "too much going on", or wants a cleaner, more focused design.

  .claude/skills/design/refine/distill/SKILL.md on GitHub (opens in a new tab)

• extract

  Extract and consolidate reusable components, design tokens, and patterns into your design system. Use when user says "extract components", "create a design system", "make this reusable", "componentize this", "build a component library", or wants to consolidate patterns into a shared library.

  .claude/skills/design/refine/extract/SKILL.md on GitHub (opens in a new tab)

• normalize

  Normalize design to match your design system and ensure consistency. Use when user says "make it consistent", "match the design system", "align with our standards", "normalize the design", "doesn't match our style", or when a feature diverges from established patterns.

  .claude/skills/design/refine/normalize/SKILL.md on GitHub (opens in a new tab)

• polish

  Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues. Use when user says "polish this", "final pass", "ready to ship", "fix the details", "pixel-perfect", "almost done", or when a feature is functionally complete but needs refinement.

  .claude/skills/design/refine/polish/SKILL.md on GitHub (opens in a new tab)

• audit

  Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Use when user says "audit this", "check accessibility", "review quality", "find issues", "run diagnostics", "a11y check", or wants a detailed quality report with severity ratings.

  .claude/skills/design/review/audit/SKILL.md on GitHub (opens in a new tab)

• critique

  Evaluate design effectiveness from a UX perspective. Use when user says "critique this design", "review the UX", "give design feedback", "is this good design", "design review", "evaluate this layout", or wants expert evaluative feedback on visual hierarchy, information architecture, and emotional resonance.

  .claude/skills/design/review/critique/SKILL.md on GitHub (opens in a new tab)

• deploy-check

  Pre-deployment checklist covering migrations, environment variables, feature flags, rollback plan, and smoke tests. Use when user says "ready to deploy", "deployment checklist", "pre-deploy check", "can I ship this", "deploy review", or needs to verify everything is ready before pushing to production.

  .claude/skills/dev/deploy/deploy-check/SKILL.md on GitHub (opens in a new tab)

• monitor

  Set up monitoring with error tracking, alerts, dashboards, and SLOs for production applications. Use when user says "set up monitoring", "add error tracking", "create alerts", "observability", "SLOs", "health checks", "how do I know if it's broken", or needs production visibility.

  .claude/skills/dev/deploy/monitor/SKILL.md on GitHub (opens in a new tab)

• api-design

  RESTful API design conventions covering URL structure, HTTP methods, error formats, pagination, versioning, and authentication patterns. Use when designing, reviewing, or implementing APIs. Triggers on API design, endpoint structure, REST conventions, or backend architecture tasks.

  .claude/skills/dev/frameworks/api-design/SKILL.md on GitHub (opens in a new tab)

• typescript-patterns

  TypeScript best practices and advanced type design patterns. Use when writing, reviewing, or refactoring TypeScript code. Covers type narrowing, generics, utility types, discriminated unions, error handling, and module patterns. Triggers on TypeScript, type safety, or type design tasks.

  .claude/skills/dev/frameworks/typescript-patterns/SKILL.md on GitHub (opens in a new tab)

• vercel-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.

  .claude/skills/dev/frameworks/vercel-react-best-practices/SKILL.md on GitHub (opens in a new tab)

• 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".

  .claude/skills/dev/frameworks/web-design-guidelines/SKILL.md on GitHub (opens in a new tab)

• code-review

  Perform a structured code review covering correctness, readability, performance, security, and maintainability. Use when user says "review this code", "code review", "check this PR", "review my changes", "is this code good", or needs expert feedback on code quality.

  .claude/skills/dev/review/code-review/SKILL.md on GitHub (opens in a new tab)

• deps-audit

  Audit project dependencies for outdated packages, known vulnerabilities, unused imports, and bloated bundles. Use when user says "audit dependencies", "check for vulnerabilities", "update packages", "unused dependencies", "bundle size", "dependency cleanup", or needs to maintain healthy dependencies.

  .claude/skills/dev/review/deps-audit/SKILL.md on GitHub (opens in a new tab)

• security-scan

  Check code for OWASP top 10 vulnerabilities including injection, XSS, auth issues, and secrets exposure. Use when user says "security audit", "check for vulnerabilities", "security scan", "is this secure", "OWASP check", "find security issues", or needs to verify code security before shipping.

  .claude/skills/dev/review/security-scan/SKILL.md on GitHub (opens in a new tab)

• db-schema

  Design a database schema from product requirements. Postgres-first with Supabase awareness. Use when user says "design the database", "create schema", "data model", "database structure", "what tables do I need", "schema design", or needs to translate requirements into a relational schema.

  .claude/skills/dev/setup/db-schema/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• cavemanby JuliusBrussee 🪨 why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman. 113k stars · 20 skills
• CowAgentby zhayujie Open-source personal AI assistant & Agent Harness. Plans tasks, runs tools and skills, self-evolves with memory and knowledge. Multi-agent,… 47.4k stars · 3 skills
• ai-guideby liyupi 程序员鱼皮的 AI 资源大全 + Vibe Coding 零基础教程，分享 OpenClaw 保姆级教程、大模型玩法（DeepSeek / GPT / Gemini / Claude / GLM）、最新 AI 资讯、Prompt 提示词大全、AI 知识百科（Agent Skil… 21.2k stars
• cc-hahaby NanmiCoder 本地优先的跨平台 Claude Code / AI Agent 桌面工作台：多 Agent 协作、Git Worktree、代码 Diff、技能市场、多模型、Computer Use、桌面宠物；支持微信、飞书、钉钉及 H5 等远程访问。 | Local-first Claude… 15k stars · 4 skills
• AI-Research-SKILLsby Orchestra-Research Comprehensive open-source library of AI research and engineering skills for any AI model. Package the skills and your claude code/codex/gem… 13.6k stars · 30 skills
• autoresearchby uditgoenka Claude Autoresearch Skill — Autonomous goal-directed iteration for Claude Code. Inspired by Karpathy's autoresearch. Modify → Verify → Keep… 6.6k stars · 1 skill