Skip to content
SkillCheatSheet Sign in

frontend-design

An AI agent skill from ThinkInAIXYZ/deepchat, scored 54 out of 100 by code.

54/ 100D

Code score by group

  • Spec20/20
  • Description12/20
  • Procedure0/15
  • Done criteria0/15
  • Resources7/10
  • Scripts5/8
  • Safety7/7
  • Upkeep3/5

It loses the most points in Procedure (15), the group that checks whether the steps are numbered, read the context first and say what to do when something fails.

What the author says it does

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.

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
ThinkInAIXYZ/deepchat
Folder
resources/skills/frontend-design
License
Apache-2.0
GitHub stars
6,387
SKILL.md lines
43
Other files
1

Add frontend-design to your agent

npx skills add ThinkInAIXYZ/deepchat --skill frontend-design

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.

More skills from ThinkInAIXYZ/deepchat

  1. computer-use

    Drive native desktop apps through DeepChat's built-in Computer Use tools. Use when the user asks to operate, inspect, automate, or perform a GUI task in a real desktop application.

    76B
  2. add-provider

    Add a DeepChat LLM provider through explicit reviewed source changes. Use when a developer asks Codex to add a provider, provider profile, upstream provider config, model catalog…

    74B
  3. deepchat-release

    Prepare and publish DeepChat releases in this repository. Use when Codex needs to bump the app version, update CHANGELOG.md, keep release notes bilingual from v1.0.1 onward with E…

    74B
  4. deepchat-sdd

    Use before substantial DeepChat code, configuration, documentation, test, build, feature, issue, refactor, or architecture changes that need a durable RFC and an explicit executio…

    72B
  5. deepchat-sdd-cleanup

    Use only when a developer explicitly asks to clean, prune, tidy, or organize DeepChat SDD documentation after implementation and validation. Scans docs/features, docs/issues, and…

    72B
  6. deepchat-settings

    DeepChat app settings modification (DeepChat 设置/偏好) skill. Activate ONLY when the user explicitly asks to change DeepChat's own settings/preferences (e.g., theme, language, font s…

    71B
  7. 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 speciali…

    65C
  8. pptx

    Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3)…

    60C

All skills in ThinkInAIXYZ/deepchat

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.