anthropics/skills180kfrontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
Discovers, searches, and installs skills from multiple AI agent skill marketplaces (400K+ skills) using the SkillKit CLI. Supports browsing official partner collections (Anthropic, Vercel, Supabase, Stripe, and more) and community repositories, searching by domain or technology, and installing specific skills from GitHub. Use when the user wants to find, browse, or install new agent skills, plugins, extensions, or add-ons; asks 'is there a skill for X' or 'find a skill for X'; wants to explore a skill store or marketplace; needs to extend agent capabilities in areas like React, testing, DevOps, security, or APIs; or says 'browse skills', 'search skill marketplace', 'install a skill', or 'what skills are available'.
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/rohitg00/skillkit/find-skills/install.md ,按里面的步骤帮我安装这个 Skill。
Universal skill discovery across all AI agent skill marketplaces.
Use this skill when the user:
# Search skills
npx skillkit@latest find <query>
# Install from GitHub
npx skillkit@latest install <owner/repo>
# Browse TUI marketplace
npx skillkit@latest marketplace
# List installed skills
npx skillkit@latest list
# Get recommendations based on your project
npx skillkit@latest recommend
| Source | Install |
|---|---|
| Anthropic | npx skillkit@latest install anthropics/skills |
| Vercel | npx skillkit@latest install vercel-labs/agent-skills |
| Expo | npx skillkit@latest install expo/skills |
| Remotion | npx skillkit@latest install remotion-dev/skills |
| Supabase | npx skillkit@latest install supabase/agent-skills |
| Stripe | npx skillkit@latest install stripe/ai |
| Source | Focus |
|---|---|
trailofbits/skills | Security, auditing |
obra/superpowers | TDD, workflow |
wshobson/agents | Dev patterns |
ComposioHQ/awesome-claude-skills | Curated collection |
langgenius/dify | AI platform |
better-auth/skills | Authentication |
elysiajs/skills | Bun/ElysiaJS |
rohitg00/kubectl-mcp-server | Kubernetes MCP |
Identify:
Run search with relevant keywords:
npx skillkit@latest find "react testing"
npx skillkit@latest find "kubernetes"
npx skillkit@latest find "security audit"
When you find skills, show:
Example response:
Found: "React Best Practices" from Vercel Labs
- React and Next.js patterns from Vercel Engineering
Install:
npx skillkit@latest install vercel-labs/agent-skills
Install for the user:
npx skillkit@latest install <owner/repo>
Or install specific skill (non-interactive):
npx skillkit@latest install owner/repo --skills skill-name
npx skillkit@latest install anthropics/skills --skills frontend-design
npx skillkit@latest install vercel-labs/agent-skills -s react-best-practices
| Need | Search Query |
|---|---|
| React patterns | npx skillkit@latest find react |
| Testing | npx skillkit@latest find testing jest |
| TypeScript | npx skillkit@latest find typescript |
| DevOps | npx skillkit@latest find docker kubernetes |
| Security | npx skillkit@latest find security |
| API design | npx skillkit@latest find api rest graphql |
| Mobile | npx skillkit@latest find react-native expo |
| Database | npx skillkit@latest find postgres prisma |
If no matching skill exists:
npx skillkit@latest init my-skill
npx skillkit@latest publish
owner/repo format, NOT full URLs--skills (plural) or -s flag for specific skills@latest to npx for latest version: npx skillkit@latest
anthropics/skills180kGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
anthropics/skills180kSuite 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.
前端开发
addyosmani/agent-skills103kGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
前端开发
addyosmani/agent-skills103kBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
前端开发
addyosmani/agent-skills103kOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
前端开发
nexu-io/open-design100kOpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
前端开发